html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}
/* Не забываем описать стили для :focus! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
/* Для таблиц все еще надо прописывать 'cellspacing="0"' в коде */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

	

	/* Основной блок */
#header {
	width:100%;
	height:220px;
	background:#F8F8F8 url(../-images/bg-header.jpg) repeat-x center;
}
#logo { /* Logo */
	width:251px;
	height:55px;
	top: 80px;
	left: 0px;
	position: relative;
	}

#header-main { /* центральная асть шапки */
	width:900px;
	margin:0 auto;
	height: 220px;
}

#nav {
	width: 100%;
	float: left;
	list-style: none;
	top: 103px;
	position: relative;
	left: -7px;
	overflow: hidden;
}

#nav li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

#nav li a {
	margin: 0px 0px;
	padding: 11px 8px 14px 8px;
	float: left;
	color: white;
	text-decoration: none;
}

body#proizvod #t-proizvod a {
	color: #FF9900;
	text-decoration: none;
	background-image: url(../-images/bg-menu-a.gif);
}
	
body#tip #t-tip a {
	color: #FF9900;
	text-decoration: none;
	background-image: url(../-images/bg-menu-a.gif);
}
	
body#tehpod #t-tehpod a {
	color: #FF9900;
	text-decoration: none;
	background-image: url(../-images/bg-menu-a.gif);
}
	
body#articles #t-articles a {
	color: #FF9900;
	text-decoration: none;
	background-image: url(../-images/bg-menu-a.gif);
}
	
body#buy #t-buy a {
	color: #FF9900;
	text-decoration: none;
	background-image: url(../-images/bg-menu-a.gif);
}
	
body#map #t-map a {
	color: #FF9900;
	text-decoration: none;
	background-image: url(../-images/bg-menu-a.gif);
}
	
/*Субменю*/
#submenu-nav {
	height: 20px;
	margin:0 auto;
	top: 104px;
	left: -7px;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
}

#submenu-nav li {
	margin: 0px;
	padding: 0 8px;
	float: left;
	color: #FF9900;
	list-style: none;
}

#submenu-nav li a {
	color: #FF9900;
}

#submenu-nav li a.activ {
	color: #1357a8;
}

.submenu {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
.submenu li {
	display: inline;
	padding-left: 15px;
	list-style: none;
}
.submenu li a {
	color: black;
	text-decoration: none;
	color: #FF9900;
}


/*Основное содержание*/	
#middle {
	overflow: hidden;
	background: white;
	width: 100%;
	margin-bottom: 20px;
}

#container {
	margin:0 auto;
   width: 1000px;
}
#content {
   float:left; 
	width: 70%;
	background-image: url(../-images/razdel.gif);
	background-position: right;
	background-repeat: repeat-y;
   padding: 10px 20px 10px 0px;
	text-align: justify;
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
	}
	
#content ul {
	padding: 20px;
	}

#content li {
	margin: 2px;
	padding: 2px;
	list-style-position: outside;
	list-style-type: disc;
	}
	
.line {width:100%;height:1px;border-top: 1px dashed #cccccc;}

	
#rightpanel{width:270px; padding-top: 25px;  float: left;  text-align: left;  }

#rightpanel ul {
font-size: 11px;
 text-align: left;
}

#rightpanel li {
font-size: 11px;
 padding-bottom: 2px;
 list-style: none;
}

#rightpanel li a {
	color: #1357a8;
}

#rightpanel li a:hover {
	color: #FF9900;
}

#head {
 padding-bottom: 8px;
 font-weight: bold;
 font-size: 12px;
}

/*GRAY PANEL*/
.graypanel{
	border: 1px solid #999999; background-color:#F7F7F7; padding:10px; margin:10px;
	color: #1559ac;
	font: 0.8em Tahoma, sans-serif;
}

/*TEXT STYLES*/
h1 {
	font: 1.4em Tahoma, sans-serif;
	text-align: center;
	background-image: url(../-images/razdel.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding: 9px;
	margin-bottom: 5px;
	margin-top: 20px;
	color: #1559ac;
}

h2 {
	font: 1.2em Tahoma, sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #1559ac;
	clear: both;
}


.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
	

/*Foter Navigation*/
.footer-nav {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-nav li {
	display: inline;
	padding-left: 15px;
	background: url(../-images/img-footer-separator.gif) no-repeat 6px 60%;
}
#footer {
	width:100%;
	color:#313131;
}
#footer .main {
	width: 100%;
	font-size:82%;
	line-height:150%;
	height: 80px;
	text-align: center;
}
#footer .row {
	height: 80px;
	overflow:hidden;
	background:url(../-images/grass.gif) repeat-x 0 100%;
	background-position: bottom;
	background-color: white;
}

#footer li a {
	color: #1357a8;
}

#footer li a:hover {
	color: #FF9900;
}


#footer .footer-bootom {
	color: #666666;
	text-align: center;
	height: 26px;
	font-size:82%;
	background-color: #DEDEDE;
}

/* Vertical Menu
------------------------------ */

.menu-v { border-top: 1px solid #ccc; }
.menu-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #ccc; }
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none; border-top: 1px solid #ccc; }
.menu-v a { text-decoration: none; display: block; }
.menu-v a:hover { text-decoration: underline; }

#menu {
	BACKGROUND: #000
}
#menu UL LI A:hover {
	BACKGROUND: url(../img/gift_theme/menu.jpg) repeat-x left top; COLOR: #ffffff
}

.left {
	float: left;
}

.right {
	float: right;
}