@import url("reset.css");

body
{
	background-image: url('../img/background_body.jpg');
	background-position: center 0;
	background-repeat: repeat-y;
	background-color: #f8f8f8;
	font-size: 11px;
}

div#container
{
	width: 960px;
	margin: 0 auto;
}

*
{
	font-family: Georgia;
}

input, textarea
{
	font-size: 12px;
}

.typo_default
{
	font-family: Georgia;
	background-color: #fff;
	color: #343434;
	text-decoration: none;
	word-spacing: 0.1em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.2em;
}

.in
{
	margin: 10px;
}

.red
{
	color: #7F0F14;
}

.date
{
	color: #848484;
	margin: 0;
}

.thumb
{
	width: 150px;
	border: 1px solid #ddd;
	padding: 1px;
	margin: 0 10px 10px 0;
}

.h10{height: 10px}
.h25{height: 25px}
.h50{height: 50px}

.w20{width: 20px}
.w50{width: 50px}
.w75{width: 75px}
.w100{width: 100px}
.w125{width: 125px}
.w150{width: 150px}

.ml20{margin-left: 20px}
.list_letters{list-style-type: lower-latin}
.relative{position: relative;}
.intro{
	position: absolute;
	bottom: -15px; left: 0;
	padding: 10px;
	width: 200px;
	background: transparent url('../img/white_30.png') repeat scroll 0 0;
}
.invisible
{
	display: none;
}

a
{
	color: #5F0006;
}

a:hover
{
	text-decoration: none;
}

p, li, p *, li *
{
	line-height: 140%;
}

p
{
	margin: 7px 0;
}

div#flashMessage
{
	margin: 10px;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	padding: 10px;
	color: #7F0F14;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input.text
{
	padding: 3px;
	border-width: 1px;
}


/*
---------------------------------------------------
-------------------------------------------- TITLES
---------------------------------------------------
*/

h1
{
	line-height: 40px;
	height: 40px;
	font-size: 1.6em;
	font-weight: normal;
	text-transform: capitalize;
	white-space: nowrap;
}

h2
{
	line-height: 40px;
	font-size: 1.3em;
	font-weight: normal;
}

h2.sx
{
	background-image: url('../img/background_title_sx.png');
	background-position: left 0;
	background-repeat: no-repeat;	
	height: 40px;	
	margin: 0 0 10px -70px;
	padding: 0 0 0 70px;
	color: #fff;	
}

h2.dx
{
	background-image: url('../img/background_title_dx.png');
	background-position: right 0;
	background-repeat: no-repeat;	
	height: 40px;	
	margin: 0 -70px 10px 0;
	padding: 0 70px 0 10px;
	color: #fff;	
}

	h2.sx canvas
	{
		margin: 7px 0;
	}
	
h3
{
	line-height: 140%;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
}

	h3 a
	{
		display: block;
		line-height: 140%;
		text-decoration: none;
	}

	h3 span
	{
		position: relative;
		float: right;
		bottom: -2px;
	}
	
h4
{
	line-height: 150%;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFD40F;
}


/*
---------------------------------------------------
------------------------------------------- DEFAULT
---------------------------------------------------
*/


div#header
{
	background-color: #8F1119;
	height: 150px;
	position: relative;
	margin-top: 1px;
}

	div#header a#logo
	{
		position: absolute;
		top: 31px;
		left: 31px;
	}
	
	div#header div#box_login
	{
		position: absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		width: 220px;
	}
	
	div#header div#box_login div
	{
		padding: 2px 0;
	}
	
	div#header div#box_login div *
	{
		display: block;
	}
	
	div#header div#box_login input[type="text"], div#header div#box_login input[type="password"]
	{
		border: 2px solid #5F0006;
		padding: 2px 2px 2px 20px;
		width: 194px;
		background-image: url('../img/mini_icons/person.gif');
		background-position: 5px center;
		background-repeat: no-repeat;
		line-height: 100%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	div#header div#box_login input[type="password"]
	{
		background-image: url('../img/mini_icons/lock.gif');
	}
	
	div#header div#box_login input[type="text"]:focus, div#header div#box_login input[type="password"]:focus
	{
		border-color: #BF8E0B;
	}
	
	div#header div#box_login input[type="submit"]
	{
		
		height: 23px;
		padding: 0 10px;
	}
	
	div#header div#box_login div.submit
	{
		float: left;
		margin-right: 5px;
	}
	
	div#header div#box_login a
	{
		color: #fff;
		font-size: 0.8em;
		margin-top: 7px;
		display: block;
	}
	
	div#header div#box_login label
	{
		line-height: 110%;
		font-size: 0.9em;
	}
	
/*
---------------------------------------------------
---------------------------------------------- MENU
---------------------------------------------------
*/

div#menu
{
	background-image: url('../img/background_menu.jpg');
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 40px;
	margin: 1px 0 0 0;
	border-top: 1px solid #AFAFAF;
	padding-left: 5px;
}

div#menu li
{
	display: block;
	list-style-type: none;
	height: 40px;
	line-height: 40px;
	padding: 0 22px 0 0;
	float: left;
	margin-right: -12px;
	position: relative;
}

	div#menu li a
	{
		display: block;
		line-height: 40px;
		padding: 0 0 0 25px;
		color: #370303;
		cursor: pointer;
		text-decoration: underline;
	}
	
	div#menu li a:hover
	{
		text-decoration: none;
	}

div#menu li.sel
{
	background-image: url('../img/background_tab_dx.jpg');
	background-position: right 0;
	background-repeat: no-repeat;
}

	div#menu li.sel a
	{
		background-image: url('../img/background_tab_sx.jpg');
		background-position: 0 0;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	
	div#menu li.sel ul.sub a
	{
		background-image: none;
		text-decoration: underline;
	}
	
	div#menu li.sel ul.sub a:hover
	{
		text-decoration: none;
	}
	
div#menu ul.sub
{
	display: none;
	position: absolute;
	z-index: 10;
	background-image: url('../img/white_90.png');
	border: 1px solid #ddd;
	border-width: 0 1px 1px 1px;
	min-width: 100%;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

div#menu li:hover ul.sub
{
	display: block;
	padding: 1px;
}
	
div#menu ul.sub li
{
	float: none;
	display: block;
	overflow: visible;
	margin: 0;
	padding: 0;
	margin: 0;
	height: 30px;
	line-height: 20px;	
}

	div#menu ul.sub li a, div#menu li.sel ul.sub a
	{
		display: block;
		line-height: 30px;
		height: 30px;
		color: #370303;	
		padding: 0 23px;
		white-space: nowrap;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	div#menu ul.sub li a:hover, div#menu li.sel ul.sub a:hover
	{
		background-color: #8F1119;
		color: #fff
	}


/*
---------------------------------------------------
---------------------------------------------- COLS
---------------------------------------------------
*/

div.col
{
	float: left;
	width: 240px;
}

div.col2
{
	float: left;
	width: 480px;
}

div.col3
{
	float: left;
	width: 720px;
}

.box
{
	background-color: #fafafa;
	padding: 10px;
	border: 1px solid #ccc;
	border-color: #ddd #eee #eee #eee;
	border-style: solid dotted dotted dotted;
	background-image: url('../img/top_box.png');
	background-position: center 0;
	background-repeat: no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.box ol, .box li
{
	margin-left: 20px;
}


/*
---------------------------------------------------
---------------------------------------------- LIST
---------------------------------------------------
*/

ul.list
{
	margin: 7px 0;
}

ul.list li
{
	line-height: 250%;
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}

	ul.list li h3
	{
		border-bottom-width: 0;
	}

ul.list li.doc
{
	background: transparent url('../img/icons/document_text.png') no-repeat scroll 0 center;
	padding-left: 25px;
	
}

ul.list li *
{
	line-height: 250%;
}

ul.list li span
{
	float: right;
	display: block;
	
}

ul.list li img
{
	margin: 0 0 -3px 5px;
}

ul.list li p
{
	line-height: 100%;
}


/*
---------------------------------------------------
---------------------------------------- TABLE LIST
---------------------------------------------------
*/

div.table_box
{
	position: relative;
}

table.list
{
	width: 100%;
	margin: 20px 0;
}

table.list th, table.list td
{
	line-height: 180%;
	padding: 3px 5px;
}

table.list th
{
	border-bottom: 1px solid #ccc;
	color: #7F0F14;
}

table.list tr.alt td
{
	background-color: #f4f4f4;
}

table.list tr td
{
	border-bottom: 1px solid #eee;
}


/*
---------------------------------------------------
---------------------------------------- PAGINATION
---------------------------------------------------
*/

div.pagination b a
{
	color: #303030;
	text-decoration: none;
}



/*
---------------------------------------------------
-------------------------------------------- SEARCH
---------------------------------------------------
*/

.search
{
	background-color: #f4f4f4;
	padding: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: url('../img/top_box.png');
	background-position: center 0;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	border-color: #ddd #eee #eee #eee;
	border-style: solid dotted dotted dotted;
}

.search div
{
	float: left;
	margin: 0 20px 0 0;
}

.search div.clear, .search div.submit
{
	float: none;
}

.search div label
{
	display: block;
	line-height: 150%;
}

.search input[type="submit"]
{
	padding: 3px 10px;
}

.search input[type="text"], .search textarea, .search select
{
	padding: 3px;
	border-color: #aaa #bbb #ccc #ddd;
	border-width: 1px;
	background-color: #fafafa;
}

div.error-message
{
	color: #7F0F14;
	line-height: 150%;
}


/*
---------------------------------------------------
------------------------------------------ MAGAZINE
---------------------------------------------------
*/


img.cover
{
	float: left;
	padding: 1px;
	border: 1px solid #ccc;
	width: 200px;
}

img.cover_thumb
{
	float: left;
	padding: 1px;
	border: 1px solid #ccc;
	width: 60px;
	margin: 0 4px 0 4px;
}


/*
---------------------------------------------------
---------------------------------------------- NEWS
---------------------------------------------------
*/


div.news
{
	padding: 5px 0;
}

div.in_box *, div.in_box
{
	line-height: 140%;
}

div.news_text
{
}


/*
---------------------------------------------------
-------------------------------------------- FOOTER
---------------------------------------------------
*/


div#footer
{
	margin: 50px 10px 10px 10px;
	padding: 20px 0 0 0;
	border-top: 1px solid #eee;
	font-size: 80%;
	color: #666;
}

div#footer p
{
	margin: 0 0 10px 0;
}

div#footer img
{
	opacity: 0.5;
}

div#footer img:hover
{
	opacity: 1;
}


/*
---------------------------------------------------
---------------------------------------------- FORM
---------------------------------------------------
*/

.form
{
	background-color: #f8f8f8;
	padding: 10px;
	border: 1px solid #eee;
}

.form div
{
	padding: 5px 0;
}

.form label
{
	display: block;
	line-height: 150%;
}

.form div.text input, .form div.textarea textarea
{
	padding: 3px;
}