/*
	style.css
*/

body {
	background-color: #f0f0ff;
	margin: 0px;
}

#top_part {
	width: 700px;
}

#title_bar {
        font-family: Times, serif;
        font-style: normal;
        font-variant: small-caps;
        font-size: 36px;

	color: white;
	background-color: #d02020;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#flag_img {
	float: right;
}

#control_bar {
        font-family: Times, serif;
        font-style: normal;
        font-variant: small-caps;
        font-size: 14px;

	text-align: right;

	color: black;
	background-color: red;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#control_bar a {
	color: white;
        text-decoration: none;
}

#navigation_panel {
	background-color: white;
	width: 100px;
	height: 600px;

	float: left;
}

#navigation_panel a {
        text-decoration: none;
}

#areas_list a {
        font-family: Times, sans-serif;
        font-style: normal;
        font-variant: small-caps;
        font-size: 16px;

	color: red;
}

#df_seal {
	padding: 25px;
}

#colonias_list a {
        font-family: Times, sans-serif;
        font-style: normal;
        font-variant: small-caps;
        font-size: 16px;

	color: blue;
}


#map {
	float: left;
	width: 600px;
	height: 600px;
}

#map img {
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

#map_table {
	border-collapse: separate;
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

#map_table tr {
	border-collapse: separate;
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
#map_table td {
	border-collapse: separate;
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

#map_container {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

#map_container_table {
	border-collapse: separate;
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

#map_container tr {
	border-collapse: separate;
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
#map_container td {
	border-collapse: separate;
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

#bottom_panel {
	float: left;
	width: 700px;
	height: 100px;
}
#metro_icon_div {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100px;
	height: 100px;
	background-color: #e0e0f0;
}
#metro_icon {
	border-width: 0px;
}

#metros_list {
	width: 600px;
	height: 100px;

	text-align: center;
	float: left;
	background-color: #e0e0f0;
}
#metros_list a {
        font-family: Times, sans-serif;
        font-style: normal;
        font-variant: small-caps;
        font-size: 12px;

        text-decoration: none;
	color: green;
}