@import url("/css/content.css");
@import url("/css/floats.css");
@import url("/css/footer.css");
@import url("/css/forms.css");
@import url("/css/greenmenu.css");
@import url("/css/leftmenu.css");
@import url("/css/series.css");
@import url("/css/tables.css");
@import url("/css/topmenu.css");

/* ------------------------ GENERAL */

html {
	overflow-y:				scroll;
}

body, html {
	background:				url("/img/bg.png") #555;
	margin:					0;
	padding:				0;
	font-family:			Arial, Tahoma, Sans-Serif;
	font-weight:			normal;
	color:					#555;
}

#container {
	min-width:				900px;
	width:					93%;
}

.clear {
	clear:					both;
}

.nobr {
	white-space:			nowrap;
}

.noborder {
	border:					none;
	text-decoration:		none;
}

.bluedashed {
	text-decoration:		none;
	color:					#007eff;
	border-bottom:			1px dashed #007eff;
}

.right {
	text-align:				right;
}

img {
	border:					none;
	display:				inline;
	margin:					0;
	padding:				0;
}

form {
	border:					none;
	margin:					0;
	padding:				0;
}

table {
	border:					none;
	border-spacing:			0;
}

td {
	padding:				0;
}

#skypedetectionswf {
	display:				none;
}

.wide {
	letter-spacing:			1px;
}

/* ------------------------ SAPE */

#s1 {
	font-size:				0.85em;
	float:					right;
	width:					35%;
	margin:					0 0 1em 0;
	color:					#888;
	text-align:				right;
	margin-top:				3em;
}

#s1 a {
	color:					#007eff;
}

#s1 .caption {
	border-bottom:			solid 1px #7c478b;
	font-weight:			bold;
	color:					#7c478b;
	margin-bottom:			0.3em;
}

#s2 {
	font-size:				0.75em;
	margin:					2em 2.5em 2em 1em;
	color:					#888;
}

#s2 a {
	color:					#007eff;
}

#s2 .caption {
	border-bottom:			solid 1px #7c478b;
	font-weight:			bold;
	color:					#7c478b;
	margin-bottom:			0.3em;
}

#topcontainer {
	background-color:		#373e30;
	position:				relative;
}

/* ------------------------ TOP LEFT NATURE + LOGO BLOCK */

#nature {
	background-color:		#373e30;
	background-repeat:		no-repeat;
	float:					left;
	height:					195px;
	width:					65%;
	max-width:				800px;
	position:				relative;
}

#toplogo {
	color:					#dae8da;
	font-size:				0.7em;
	font-weight:			bold;
	margin-left:			34px;
	margin-top:				25px;
}

#toplogo img {
	margin-bottom:			0.5em;
}

#swap {
	position:				absolute;
	bottom:					2px;
	left:					2px;
	line-height:			1px;
	z-index:				3;
}

#swap img {
	opacity:				0.6;
	filter:					alpha(opacity=60);
}

#swap img:hover {
	opacity:				1;
	filter:					alpha(opacity=100);
}

/* ------------------------ TOP RIGHT PHONES BLOCK */

#topright {
	float:					left;
	position:				relative;
	height:					183px;
	padding-top:			12px;
	width:					35%;
	background-color:		#373e30;
	color:					white;
}

#bigphones {
    position:				absolute;
    bottom:					12px;
	z-index:				2;
	width:					95%;
	color:					#7e9863;
	font-size:				1.1em;
	text-align:				right;
}

#bigphones .small {
	font-size:				0.75em;
	font-weight:			bold;
}

#bigphones a {
	color:					#add485;
}

#langswitch {
	font-size:				0;
    position:				absolute;
    top:					3px;
    right:					3px;
}

#langswitch .curr {
	opacity:				0.7;
	filter:					alpha(opacity=70);
}

#langswitch .norm {
	opacity:				1;
	filter:					alpha(opacity=100);
}

/* ------------------------ HISTORY PATH BLOCK */

#path {
	clear:					both;
	padding:				14px 0px 14px 14px;
	background-color:		#fff;
	color:					#888;
	font-size:				0.7em;
}

#path .spacer {
	margin:					0 0.5em;
}

#path a {
	color:					#455b47;
}

/* ------------------------ BOTTOM MAP COORDS BLOCK */

#longitude {
	clear:					both;
	height:					13px;
	margin-top:				50px;
	background:				url("/img/decor/map_longitude.gif") no-repeat;
}

#bottommap {
	clear:					both;
	height:					13px;
	background:				url("/img/decor/map_border_bottom.gif") repeat-x #fff;
}

#bottommap img {
	display:				block;
}

/* ------------------------ MAIN MIDDLE BLOCK */

#wrapper {
	background:				url("/img/decor/map_border_left.gif") repeat-y #fff;
}

#main {
	float:					right;
	width:					100%;
	margin-left:			-350px;
}

#leftcolumn {
	float:					left;
	width:					250px;
	position:				relative;
	left:					14px;
	top:					0px;
}

.serieswrapper {
	background-position:	right top;
	background-repeat:		repeat-y;
	position:				relative;
	background-position:	100% 20px;
	margin-bottom:			2em;
}

.content {
	padding-right:			7em;
	font-size:				0.85em;
	line-height:			1.5em;
	position:				relative;
	margin-left:			310px;
}

#bloglink {
	margin-bottom:			1em;
	clear:					both;
}

#bloglink textarea {
	width:					80%;
}

#bottomcontacts {
	margin-top:				2em;
	border-top:				solid 1px #ccc;
	padding:				2em 0.5em;
}