/* CSS Document */
A:link 
{ COLOR: #000099; outline:none; background:none; TEXT-DECORATION: none}
 A:visited 
{ COLOR: #333300; outline:none; background:none; TEXT-DECORATION: none}
 A:active 
{ COLOR: #cc0000; outline:none; background:none; TEXT-DECORATION: none} 
A:hover 
{ COLOR: #006600; outline:none; background:none; TEXT-DECORATION: underline} 
html, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p {
text-indent:25px;
margin-bottom:2px;
margin-top:2px;
margin-left:5px;
margin-right:5px;
text-align:justify;
color:#783640; background:none;
font-size:12px;
line-height: 1em;
letter-spacing: 0em;
word-spacing: 0em;
width:100%; 
}
h1 {
margin:1px; 
padding:0px; 
font-size:9pt;
text-align:center;
color:#783640; background:none;
}
h2 {
margin:1px; 
padding:0px; 
font-size:9pt;
text-align:center;
color:#783640; background:none;
}
a {
font-size:12px;
text-decoration:none; 
outline:none;
}
.foot {
font-size:10px;
}
.port {
display: block;
border: 4px ;
border-color: #894612;
border-style: double;  
}
.dispno
{
display: none;
}
/* gorizontalmenu */
#nav, #nav ul{
list-style:none;/*убираем маркеры списка*/
line-height:1;
margin:0;
padding:0;
background-color:#ffffff;/*задаем фоновый цвет*/
font:13px/28px Arial, Helvetica, sans-serif; /*Указываем размер шрифта/высоту строки и семейство шрифта. Высота строки нужна для автоматического выравнивания текста по высоте*/
font-weight:bold;
font-style:normal;
}

/*стиль только для главного списка*/
#nav{
height:28px;/*обязательно жестко задавать высоту, чтобы список не схлопывался,и была возможность задавать фоновый цвет*/
z-index:5;
}

/*стиль для пунктов списка*/
#nav li{
float:left; /*делаем элементы списка плавающими(включаем обтекание) вследствие чего, они выстраиваются в один ряд*/
position:relative;/*задаем относительное позиционирование. Теперь, вложенные элементы будут позиционироваться не относительно окна браузера, а относительно элементов списка.*/

}

/*стиль для пунктов списка при наведении на них */
#nav li:hover, #nav li.jshover{
background-color: #fff;/*цвет фона*/
z-index:6;
}

/*стиль для ссылок встречающихся внутри главного списка*/
#nav a{
display:block;/*делаем ссылку блоком (по умолчанию, ссылка это элемент строчный) */
color:#783640;/*цвет текста ссылки*/
padding:0 20px; /*поля внутри блока ссылки*/
margin-right:auto;
text-align:justify;/*выравнивание текста по центру*/
text-decoration:none; /*убираем подчеркивание*/
}

/*стиль для ссылок при наведении*/
#nav a:hover{
background-color:#fff; /*цвет фона*/
color:#ff9933;/*цвет текста */
}

/*стиль касающийся вложенного списка*/
#nav ul{
display:none;/*прячем список*/
position:absolute;/*абсолютное позиционирование. В данном случае, вложенный список будет позиционироваться относительно родителя(Елемента списка li , для которого мы задавали position:relative)*/
white-space:nowrap;/*без переноса*/
text-align:justify;/*выравнивание текста по ширине*/
top:28px; /*координата по вертикали(отступ сверху)  равен высоте нашего главного списка*/
/*left:0px;/*координата по горизонтали(отступ слева)*/
/*right:0px;/*координата по горизонтали(отступ справа)*/
padding:0px 10px; /*поля внутри блока ссылки*/
min-width: 150px;
max-width:inherit;
}

/*стиль для ссылок внутри вложенного списка */
#nav ul a
{
left:0;/*координата по горизонтали(отступ слева)*/
text-align:left;/*выравнивание текста по левому краю*/
right:0;/*координата по горизонтали(отступ справа)*/
padding:0 0; /*поля внутри блока ссылки*/
}

/*стиль для вложенного списка, в момент наведения на пункт главного списка*/
#nav li:hover ul, #nav li.jshover ul
{
display:block;
}/*показывам список*/
/*gorizontal menu end*/
.h4 {
	font-size:13px;
	color: #ffffff;
	background-color:#000000;
	margin-bottom:2px;
	margin-top:2px
	}
span {
font-size : 11px;
text-align:center;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.port {
display : block;
border : 4px;
border-color : #cccccc; 
border-style : double;
}
.cart {
display : block;
border : 2px;
border-color : #ff9900;
border-style : double;
}