/* { border: 1px solid black;} */

a       { color: #a52a2a; text-decoration: underline;}
a:hover { color: #404040; text-decoration: underline;}

a.help  { text-decoration: none; padding-bottom: 1px; border-bottom: 1px dashed #000000;}
a:hover.help { text-decoration: none;}

body, html {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ffffff;
}

fieldset { border: 1px solid #dddddd; border-top: 5px solid #cccccc; border-bottom: 1px solid #cccccc;}
legend   { padding: 0 6px 0 6px; color: #606060;}
label    { float: left; width: 110px; text-align: right; padding-right: 10px;}

input.styled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #606060;
	margin: 0 0 6px 0;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
}

textarea.styled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #606060;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
}

input.styledbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #505050;
	border: 1px outset #aaaaaa;
	background-color: #dddddd;
}

dl { margin: 0; padding: 0;}
dt { margin: 0; padding: 0; font-weight: bold; font-style: italic;}
dd { margin: 0 0 0 20px; padding: 0; text-indent: 1.5em;}

h3, h4 { margin: 0; padding: 0;}

h3 { font-size: 15px; color: #a52a2a; margin-bottom: 2em;}
h4 { font-size: 11px; color: #606060; margin-bottom: 1em; font-style: italic;}

img { border: 0;}

ul {
	list-style-type: disc;
	margin: 10px 0 0 15px;
	padding: 0;
}

ol {
	list-style-type: decimal;
	margin: 0 0 0 30px;
	padding: 0;
}

li { margin: 0; padding: 0;}

/* tridy */

.no { display: none;}
.clear { clear: both;}

.left { text-align: left; float: left;}
.right { text-align: right; float: right;}

.sq_01 { padding-left: 20px; background: transparent url(../img/sq_01.gif) no-repeat;}
.sq_02 { padding-left: 20px; background: transparent url(../img/sq_02.gif) no-repeat;}
.sq_03 { padding-left: 20px; background: transparent url(../img/sq_03.gif) no-repeat;}
.sq_04 { padding-left: 20px; background: transparent url(../img/sq_04.gif) no-repeat;}
.sq_05 { padding-left: 20px; background: transparent url(../img/sq_05.gif) no-repeat;} 

/* identifikatory */

#page_bg {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 640px;
	height: auto;
	background: transparent url(../img/bg_page.gif) repeat-y;
}

#page {
	float: right;
	margin: 0;
	padding: 0;
	color: #606060;
	line-height: 1.5em;
	text-align: left;
	width: 590px;
	height: auto;
}

#topmenu {
	float: right;
	width: auto;
	height: auto;
	font-size: 13px;
	color: #a52a2a;
}

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

#topmenu li { float: left; margin: 0; padding: 0 5px 0 5px;}

#topmenu a       { color: #808080; font-weight: bold; text-decoration: underline;}
#topmenu a:hover { color: #a52a2a; text-decoration: none;}

#perex { margin: 20px 0 10px 0; background-color: transparent;}

#reference { background-color: transparent;}

#leftcol {
	float: left;
	width: 35%;
	padding: 50px 0 0 0;
	background-color: transparent;
}

#leftcol p {
	margin: 0 0 1.5em 0;
	padding: 0 10px 10px 0;
	border-right: 2px dotted #eeeeee;
	border-bottom: 2px dotted #eeeeee;
}

#rightcol {
	float: right;
	width: 60%;
	padding: 0 0 40px 0;
	background-color: transparent;
}

#rightcol p {
	margin: 0 0 1em 0;
   padding: 0;
}

#rightcol.reference img {
	float: right;
	margin: 5px 0 5px 20px;
	border: 1px solid #cccccc;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 30px;
	background: transparent url(../img/bg_footer.gif) no-repeat top;
}

#copyright {
	font-size: 10px;
	color: #808080;
	padding: 4px 0 0 35px;
}

#copyright a       { color: #808080; text-decoration: none;}
#copyright a:hover { color: #808080; text-decoration: underline;}