/* CSS Document made by Vbnzq http://vbnzq.polubomu.ru */

/* set defaults for all browsers as I want */
html, body, p, 
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img, ol, ul, li, table, tr, td, caption
{
margin: 0;
padding: 0;
border: 0;
}

/* set defaults for body of all browsers as I want */
body {
height: auto !important;
height: 100,01%;
font-size: 100.01%;
background:#fff;
font-family: "Courier New", Courier, monospace;
}

/* set headings style */
h1 {
font-size: 90%;
padding:0 10px 0 10px;
font-family:Tahoma;
}

/* set list styles */
ol, ul, li {list-style-type: none;}

li {
padding-left:20px;
line-height:2em;
/* set distance from each <li> to make effect of table with borders */
margin:1px 0 1px 0;
}

p { font-size:14px;}

#outer_wrapper {
padding-left:0.1%;
padding-right:0.1%;
min-width:740px;
width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 740? "740px":
 "auto");
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:99,8%;
/* faux-column technique, this is the left one */
background:#fff;
}

#wrapper {
/* faux-column technique, this is the right one */
background:#fff;
}

#header {
background:#ccc url(../img/header.gif) no-repeat;
height: 100px;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin: -1px;
}

#header img {border: 0;}

#header_menu {
background:#ccc;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 -1px;
}

#selected_item {
text-align:center;
/* the same as #left */
width:170px;
float:left;
/* не понимаю, что это */
display:block;
}

#menu {
text-align:center;
border:1px solid #666;
/* the same as #main */
min-width: 400px;
width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 400? "400px":
 "auto");
}

/* left menu */
#left {
float:left;
/* the same as #selected_item */
width:170px;
font-family: Tahoma;


/* the same as #main & #content */
height:405px;

background-color:#eee;
/* IE doubles the margins on floats, this takes care of the problem не знаю, надо ли это */
display:inline;
}

/* changable content here */
#main {
/* the width of #left */
margin-left: 170px;
padding: 0 10px 10px 10px;
text-align:justify;


/* the same as #left & #content */
min-height:405px;
height:expression(this.scrollHeight < 405? "405px" :
 "auto");

/* the same as #menu */ 
min-width:400px;
width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 400? "400px":
 "auto");
}

/* changable header of content pages & changeble includes here */
#content {
 /* padding+height+1=410 (the same as height of #left & #main) */
padding:20px;
min-height:365px;
height:expression(this.scrollHeight < 365? "365px" :
 "365");
 
border:1px solid #666;
background:#fff;
line-height:2em;
/* takes care of double borders in the top of #main & #header_menu */ 
border-top:0;
}

/* styles of all included files */
#text {line-height:25px;}
#text span table{line-height:40px;}
#text {text-indent:2em;}
#text:first-letter {
color:red;
font-size: large;
text-transform:uppercase;
font-weight:bolder;
font-family:Tahoma;
text-transform:capitalize;
}
#text p:first-letter {
color:red;
font-size:large;
text-transform:uppercase;
font-weight:bolder;
font-family:Tahoma;
text-transform:capitalize;
}
#text li {
list-style: circle inside;
/* the same as in span table tr td see below */
line-height:25px;
font-size:14px;
}
#text p a:link img, #text p a:visited img, #text p a:active img {padding:0px; border:none;}


/* sets the footer */
#footer {
/* see #outer_wrapper  */
width:99,8%;
border-top:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
background:#ccc;
height: 40px;
margin-top:-5px;
}

/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both; font-size:1px;}

/* common links styles (of text area only) */
a:link,  a:visited,  a:active {
	color:#000;
	text-decoration:none;
	border-bottom: #9b9b9b 1px dotted;
}
a:hover {color:red;background-color:#ddd;}

/* top menu links styles */
#menu a:link, #menu a:visited, #menu a:active {
    border-bottom:0;
	color:#000;
}
#menu a:hover {color:#eee;}
/* temporary unused
#menu a#active {background-color:#ddd}
*/

/* left menu links & <li> styles */

#left li a:link, #left li a:visited, #left li a:active {
	color:#000;
	text-decoration:none;
	border-bottom:0; 
}

#left li a:hover {
	color:#eee;
	background:#ddd;
	border-bottom:0;
}

#left a:link, #left a:visited, #left a:active {
	color:#000;
	text-decoration:none;
	border-bottom:0; 
}

#left div a:hover {
	color:red;
	background-color:#eee;
	border-bottom:0;
}

#left div a img {border:#eee 1px solid;}
#left div a img:hover {border:red 1px solid;}

/* temporary unused */
#left li {border-left:#eee 3px solid;
border-right:#eee 3px solid;}


/* this is not for IE */
#left li:hover {
background:#ddd;
border-left:#666 3px solid;
border-right:#ddd 3px solid;
}

/* but this is for IE */
#left li.msieFix {
background-color:#ddd;
color:#eee;
border-left:#666 3px solid;
border-right:#ddd 3px solid;
}

/* footer styles */
#footer a:hover {color:#eee;background:#ccc;}
#footer p {padding:0 15px 0 15px;}

/* common text classes */
.centered {text-align:center; text-indent:0;}
.right {text-align:right; text-indent:0;}
.left {text-align:left; text-indent:0;}
.signature { font-family:Tahoma;font-size:xx-small; text-indent:0;}
.reklama {font-size:10px;}

/* tables of made.shtml (inside <span id="proj_#"></span>) */
span tr, span td {
padding: 0 10px 0 10px;
/* for opera */
text-indent:0;}

/* style of the caption of the table of made.shtml (inside <span id="proj_#"></span>) */
span table caption {
color:red;
text-transform:uppercase;
font-weight:bolder;
font-family:Tahoma;
text-transform:uppercase;
}
/* the same as in #text li see above */
span table tr td {line-height: 30px;}