#Pagina {
	min-width: 980px;



	width: expression(document.body.clientWidth < 981? "980px": "100%" ); 		display: block;
	height: 220px;
	width: 100%;
	background-color: #d8e5e8;
	background-image: url(../images/tall_bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}



#Pagina .layer_top1 {
	position:absolute;
	width: 100%;
	height: 357px;
	min-width: 980px;
	top: 0;
	left: 0;
	background:url(../images/tall_top.gif) left top repeat-x;
	z-index: 99;


	width: expression(document.body.clientWidth < 981? "980px": "100%" ); 	float: left;
}

#Pagina .layer_top2 {
	position:absolute;
	width: 50%;
	height: 306px;
	min-width: 980px;
	top: 0;
	right: 0;
	background:url(../images/tall_top_right.gif) right top repeat-x;
	z-index: 99;


	width: expression(document.body.clientWidth < 981? "980px": "50%" );
	display: block;
	float: right;
}



/*main*/

#Main {
	width:980px;
	text-align:left;
	z-index: 99;
	position: relative;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



/*header*/

#Header {
	height: 357px;
	font-size:0.8125em;
}

#Header .top1 {
	font-size:.85em;
	color:#9fa1a3;
	margin: 0px;
	float: left;
	width: 100%;
	display: block;
	height: 251px;
	padding: 0px;
}

#header .top1 .fleft {
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

#header .top1 .fright {
	width: 100%;
}
#header .top1 .fright span {
	padding-left: 80%;
	padding-bottom: 1px;
	height: 32px;
	text-align: right;
}

#header .top1 .fright img {
	clear: both;
	margin-top: -1px;
	vertical-align: middle;
}


#header .top1 .fright a {
	color:#9fa1a3;
	font-weight:bold;
	text-decoration:none;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
	padding-top: 0px;
	margin: 0px;
	line-height: 32px;
}

#header .top1 .fright a:hover { text-decoration:underline;}

#header .top2 {
	height:220px;
	float: left;
	width: 50%;
	display: block;
}

#header .top3 { height:55px; padding:0 0px 0 10px; *padding:0 0px 0 20px; }


#header .top3 .menu {
} 

#header .top3 .menu ul {}

#header .top3 .menu ul li { float: left; border: 0px solid red; padding-right: 2px;}

#header .top3 .menu ul li div { background: url(../images/menu_bgd.gif) repeat-x left 0; }

#header .top3 .menu ul li.li_todos { background:url(../images/menu_divider.gif) no-repeat right top; float: left; padding-right: 2px; border: 0px solid red;}

#header .top3 .menu ul li a { display:block; text-align:center; color:#35596d; font-weight:bold; text-decoration:none; padding:21px 0 18px 0;}

#header .top3 .menu ul li a:hover { background:#1a77b0; color:#fff; text-decoration:none;}

#header .top3 .menu ul li a.current { background:#1a77b0; color:#fff;}

#header .top3 .menu ul li a.first { background:url(../images/menu_first.gif) no-repeat left top; }

#header .top3 .menu ul li a.first:hover { background:url(../images/menu_first_act.gif) no-repeat left top #1a77b0;}

#header .top3 .menu ul li a.first_current { background:url(../images/menu_first_act.gif) no-repeat left top #1a77b0; color:#fff;}
#header .top3 .menu ul li a.first_current:hover { background:url(../images/menu_first_act.gif) no-repeat left top #1a77b0;}

#header .top3 .menu ul li a.last { background:url(../images/menu_last.gif) no-repeat right bottom; }

#header .top3 .menu ul li a.last:hover { background:url(../images/menu_last_act.gif) no-repeat right top #1a77b0; text-decoration:none;}

#header .top3 .menu ul li a.last_current { background:url(../images/menu_last_act.gif) no-repeat right top #1a77b0; color:#fff; padding-right:0;}
#header .top3 .menu ul li a.last_current:hover { background:url(../images/menu_last_act.gif) no-repeat right top #1a77b0; text-decoration:none;}


#header .top4 { padding:19px 0 0 30px; line-height:40px; *line-height:0px;}

#header .top4 li { display:inline;}

#header .top4 li a { background:url(../images/menu_divider2.gif) no-repeat right 3px; padding:0 18px 0 18px; color:#ace6f2; text-decoration:none;}

#header .top4 li a.last { background:none;}

#header .top4 li a:hover { color:#fff; text-decoration:none;}

#header .top4 li a.current { color:#fff; text-decoration:none;}

/*header*/



#Footer {
	height:54px;
	font-size:.75em;
	color:#35596d;
	background-image: url(../images/footer_bgd.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



/*content*/

#Content { width:100%; font-size:0.8125em; }

#Content .block { width:100%; background:url(../images/block_bgd.jpg) left top repeat-y; }

#Content .block .top { background:url(../images/block_top.jpg) no-repeat left top; }

#Content .block .bottom { background:url(../images/block_bottom.jpg) no-repeat left bottom; }

#Content .block .indent { padding:0 0 52px 0; }



#Content .col_1 { float: left; width:599px; margin-right:20px;  }

#Content .col_1 .inner { padding:28px 0 0 28px; }



#Content .col_2 { float: left; width:339px; position:relative; margin-top:-24px; }

#Content .col_2 h3 { font-size:1em; color:#e5f0f3; background:url(../images/title_bgd.gif) left top repeat-x; height:43px; line-height:40px; padding:0 17px 0 19px; }



/*==================blocks====================*/

.box1 { background:url(../images/box1_bgd.jpg) left bottom repeat-x #2a75a8; width:100%;}

.box1 .ind { padding:14px 15px 0 17px;}

.box2 { background:url(../images/box2_bgd.jpg) left bottom repeat-x #2a75a8; width:100%;}

.box3 { background:#2a75a8; width:100%; margin-bottom:10px;}

.box3 .ind { padding:10px 12px 37px 17px;}

.box3 .ind1 { padding:10px 12px 19px 17px;}

.box4 { background:url(../images/box4_bgd.jpg) left bottom repeat-x #2a75a8; width:100%;}
.box5 {
	width:100%;
	margin-bottom:10px;
	background-color: #d8e5e8;
	color: #003366;
}
.box5 .ind { padding:10px 12px 37px 17px;}

.box5 .ind1 { padding:10px 12px 19px 17px;}

/*content*/



#Mapa{
	top: 32px;
	left: 0;
	z-index: 100;
	min-width: 980px;





	width: expression(document.body.clientWidth < 981? "980px": "100%" );
	position: absolute;
	width: 100%;
	float: left;
	background-image: url(../images/header_bgd.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}



#Mapa .logos {
	background-color: transparent;
	background-image: url(../images/mapa.gif);
	background-repeat: no-repeat;
	background-position: 32% center;
	width: 100%;
	height: 220px;
}

#Mapa .logos a {
	float:left;
	z-index:100;
	margin-top: 3%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6%;
}

#Mapa .logos span {
	float: right;
	z-index:100;
	margin-right: 6%;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 2%;
}
