/* Стандартные стили */

/** * * * * * * * * * * * * * * * *
* Базовый файл стилей для Eresus  *
* * * * * * * * * * * * * * * * * *
* В этом файле заданы стили основных элементов
* и перечислены встроенные селекторы и идетификаторы
* ---
* Для указания пути к картинкам используйте макрос http://www.plastiktrade.ru/style/
*/

/* Основные стили
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: verdana, tahoma, sans-serif;
  font-size: 8pt;
}
img {border: 0;}
sup, sub {font-size: 80%;}

a {text-decoration: underline;}
a:link {color: #00f;}
a:visited {color: #008;}
a:hover {color: #f00;}

p {
  text-align: justify;
  text-indent: 1em;
  margin: 2px 0 3px;
}

h1, h2, h3, h4, h5, h6 {font-family: arial, verdana, tahoma, sans-serif;  margin: 1em 0 0.2em;}
h1 {font-size: 200%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

.hidden {display: none;}
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стиль области контента                                                           *
* Внутри этой области не допускается никаких вложенных элементов шаблона страницы  *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Переключатель страниц */
div.pages {}
.pages span.selected { text-decoration: none; font-weight: bold; } /* Выбранная страница */
.pages a { color: #000080; text-decoration: none; }

/* * * * * * * * *
* Стили веб-форм *
* * * * * * * * */
div.form {}
.form th {} /* Заголовок */
.form td {}
.form input {}
.form textarea {}
.form input.button {}
.form td.formLabel {} /* Ячейка, содержащая метку (подпись) элемента управления */
.form span.hint {} /* Метка, имеющая подсказку */
.form th.formHeader {} /* Подзаголовок */
.form td.formText {} /* Ячейка, содержащая простой текст */
.form td.buttons {} /* Ячейка, содержащая кнопки формы */

input.contentButton {}

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* * * * * * * * * * * * * * * * * * * * * *
* Дополнительные стили модулей расширения  *
* * * * * * * * * * * * * * * * * * * * * */
*, html, body, a img {
	padding: 0;
	margin: 0;
	border: 0;
}

#all{
	min-width: 990px;
	width: 100%;
}

* html #all{
	width:expression(document.body.clientWidth > 990? "100%" :"990px");
}

#head{
	float: left;
	width: 100%;
	height: 150px;
	background: url(images/head_rep.gif) top left repeat-x;
}

#head_inner{
	float: left;
	width: 100%;
	height: 100%;
	background: url(images/head.jpg) top left no-repeat;
}

#logo img{
	float: left;
	display: inline;
	margin-left: 39px;
	margin-top: 43px;
}

#home{
	float: right;
	display: inline;
	margin-top: 112px;
	width: 36px;
	height: 38px;
	background: url(images/home.gif) top left no-repeat;
	margin-right: 70px;
}


#mail{
	float: right;
	display: inline;
	margin-top: 112px;
	padding-left: 33px;
	margin-right: 128px;
	height: 30px;
	background: url(images/mail.gif) top left no-repeat;
	margin-right: 70px;
	text-decoration: none;
	color: #0097FF;
	font-family: arial, sans-serif;
	font-size: 11px;
	padding-top: 8px;
}

#top{
 	float: left;
 	width: 100%;
 	background: url(images/top_rep_vert.jpg) top left repeat-y #EEF2FD;
}

#top_inner{
	float: left;
	width: 100%;
	background: url(images/top_rep_hor.jpg) top left repeat-x;
}

#top_inner2{
	float: left;
	width: 100%;
	background: url(images/top_left.jpg) top left no-repeat;
}

#top_inner3{
	float: left;
	width: 100%;
	background: url(images/top_top.jpg) top left no-repeat;
}

#top_left{
	float: left;
	width: 308px;
	padding-bottom: 20px;
}

#phone{
	float: left;
	display: inline;
	margin-left: 52px;
	padding-left: 38px;
	background: url(images/phone.gif) top left no-repeat;
	height: 31px;
	margin-bottom: 21px;
	width: 225px;
	font-family: arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #0097FF;
}

/*-------------------------- Меню "Продукция" --------------------------------*/
.menu_wrapper {
	float: left;
	position: relative; top: -40px;
	margin-left: 15px;
}
.banner { padding: 10px 0px 10px 0px; }
#menu1{ background: url(images/menu1_bg.gif) top left repeat-y; }
#menu1_inner{ width: 225px; background: url(images/menu1_top.gif) top left no-repeat; }

#menu1_inner2{
	background: url(images/menu1_bottom.gif) bottom left no-repeat;
	padding: 0px 9px 10px 9px;
}

#menu1_inner2 div.level1{
	background: url(images/product.gif) 3px 3px no-repeat;

	margin: 0px 0px 7px 0px;
	padding: 12px 0px 2px 46px;

	border-bottom: 1px solid #EEF2FD;

	height: 24px;
	color: #60C4DD; font-family: arial, sans-serif; font-weight: bold; font-size: 14px;	text-transform: uppercase;
}
#menu1_inner2 div.level1 a{
	color: #60C4DD;
	font-family: arial, sans-serif; font-weight: bold; font-size: 14px;
	padding-left: 0px;
	margin-left: 0px;
	background: none;
}
#menu1_inner2 div.level1 a:hover { background: none; color: #60C4DD;}

#menu1_inner2 div.level2 { padding: 2px 0px 2px 5px; }
#menu1_inner2 div.level2 a {
	color: #55B9D8;
	font-family: arial, sans-serif; font-weight: bold; font-size: 13px; text-decoration: underline;
}

#menu1_inner2 div.level3 {margin: 0px 0px 4px 14px;}
#menu1_inner2 div.level3 a{
	padding-left: 22px;
	background: url(images/producta.gif) 0px 1px no-repeat;
	color: #92A8D6; font-weight: bold; font-size: 12px;
	text-decoration: none;
}
#menu1_inner2 div.level3 a:hover{ background: url(images/productb.gif) 0px 1px no-repeat; color: #0097FF; }
#menu1_inner2 div.level3 a.selected{ background: url(images/productb.gif) 0px 1px no-repeat; color: #0097FF; }
/*-------------------------- end of меню "Продукция" -------------------------*/

/*-------------------------- Горизонтальное меню (hMenu) ---------------------*/
div.hMenu { text-align: center; margin: 0px 0px 15px 0px; position: relative; }
div.hMenu a {
	font-weight: bold; color: #0097FF; text-decoration: none; font-size: 12px;
	padding: 0px 5px 0px 5px;
}
div.hMenu a.selected {	text-decoration: underline; color: #0067DF; }
/*-------------------------- end of hMenu ------------------------------------*/

#top_right{
	float: right;
	width: 660px;
}

#menu2{
	float: right;
	height: 63px;
}

#menu2 a{
	float: right;
	display: inline;
	margin-top: 22px;
	margin-right: 20px;
	text-decoration: none;
}

#menu2 a img{
	float: left;
	display: inline;
	margin-right: 5px;
}

#menu2 a span{
	float: left;
	background: #EDF3FD;
	padding-left: 10px;
	padding-right: 9px;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-decoration: none;
	color: #8692A3;
	text-transform: uppercase;
	display: inline;
	margin-top: 12px;
}

#navi{
	float: right;
	background: #EEF2FD;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #0097FF;
	display: inline;
	margin-right: 73px;
	padding-right: 9px;
	padding-left: 9px;
	font-weight: bold;
	margin-top: 29px;
}

#navi span{
	color: #60C4DD;
}

#body { background: url(images/body.gif) bottom left repeat-x #EEF2FD; }
#body_inner { background: url(images/body_inner.gif) top left repeat-y; }

/*-------------------------- Область контента --------------------------------*/
#left_inner { margin-left: 300px; margin-right: 100px; }

#Content { color: #1643AD; font-size: 12px;	font-family: arial, sans-serif; }
#Content p { padding-bottom: 15px; }
#Content h1{ margin-bottom: 15px; color: #0097FF; font-size: 14px; font-weight: bold; font-family: arial, sans-serif; }
#Content h2{ margin-bottom: 15px; color: #0097FF; font-size: 12px; font-weight: bold; font-family: arial, sans-serif; }
#Content img {padding: 5px; }

#Content ul {padding: 5px 0px 5px 20px; }

#Content table {
	width: 90%;
	border: solid 2px #000000;
	border-collapse: collapse;
	font-size: 12px;
	margin: 10px 0px 10px 0px;
}
#Content table th, #Content table td { padding: 5px 5px 5px 5px; }
#Content table th {border: solid 1px #000000; background-color: #f8bc6e; font-weight: bold; }
#Content table td {border: solid 1px #000000; /*text-align: center;*/}

#Content table.noborders { border: none; margin: 0px 0px 0px 0px; width: 90%; }
#Content table.noborders td, #Content table.noborders th { border: none; text-align: center; }

#Content table.layout { border: none; margin: 0px 0px 0px 0px; width: 98%; }
#Content table.layout td, #Content table.layout th { border: none; text-align: left; vertical-align: top; }


#right{
	float: right;
	width: 231px;
	padding: 20px 0px 0px 0px;
}

#right img{
	float: left;
}

#right .pic{
	float: left;
	width: 233px;
	display: inline;
	background: url(images/right_pic.gif) top left repeat-y;
	margin-bottom: 22px;
}

#right .pic2{
	float: left;
	width: 233px;
	background: url(images/right_pic_top.gif) top left no-repeat;
}

#right .pic3{
	float: left;
	width: 216px;
	background: url(images/right_pic_bottom.gif) bottom left no-repeat;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 17px;
}

#footer{
	float: left;
	width: 100%;
	height: 113px;
	background: url(images/footer.gif) top left repeat-x;
}

#footer_left{
	float: left;
	width: 25%;
	background: url(images/footer_left.gif) top left no-repeat;
	height: 46px;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #6789C5;
	font-weight: bold;
	padding-left: 60px;
	padding-top: 67px;
}

#footer_center{
	float: left;
	width: 22%;
	padding-top: 57px;
	height: 56px;
}

#footer_center img{
	float: left;
	display: inline;
	margin-right: 18px;
}

#footer_right{
	float: right;
	width: 298px;
	height: 50px;
	background: url(images/footer_right.gif) top right no-repeat;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #626266;
	padding-right: 162px;
	padding-top: 63px;
}

#footer_right a{
	color: #626266;
	text-decoration: none;
}

span.italic { font-style: italic; }
table.price {
	width: 100%;
	border: solid 2px #000000;
	border-collapse: collapse;
}
table.price th, table.price td { padding: 5px 5px 5px 5px; }
table.price th {border: solid 1px #000000; background-color: #f8bc6e;}
table.price td {border: solid 1px #000000; text-align: center;}
h4 {font-size: 12px;}

/*------------ Фотогаллерея (fotogallery) -------------------------------------*/
table.fotogallery {
	border: none !important;
	table-layout: fixed;
	width: 100%;
}
table.fotogallery td { border: none !important; }

table.thumb {border: 2px solid #FFFFFF !important; }

table.thumb td img {padding: 0px !important; margin: 0px !important; }
table.thumb td.thumb { padding-bottom: 0px !important; }
/*table.thumb td { margin: 0px !important; padding: 0px !important; }*/
table.thumb td.caption { padding: 0px 0px 5px 0px !important; vertical-align: middle; text-align: center; }

table.fotolinks { border: none !important; width: 100%; table-layout: fixed; }
table.fotolinks td { border: none !important; }


/*------------ end of fotogallery ---------------------------------------------*/