/* Default styles */
html, body, ul, li, ol, p,
h2, h3, h4, h5, h6,
form, fieldset, a, img {
margin: 0;
padding: 0;
border: 0;
font-family: Arial;
font-size: 12px;
}
body {
}
/************************
ÎÑÒÀËÜÍÛÅ ÝËÅÌÅÍÒÛ
************************/
.invalidInput{
/*border-left: 2px solid red;*/
padding: 0px;
}
.invalidInput input {
background: #fff8c3;
padding: 0px;
}
.invalidInput textarea {
background: #fff8c3;
padding: 0px;
}
.validInput{
}
.pinfo {
padding: 20px;
margin-bottom: 20px;
border: 1px solid silver;
background: #f0f0f0;
}
TABLE {
margin: 10px 0 10px 0;
border-collapse: collapse;
border-left: 1px solid #e1e1e1;
}
TH {
background: #1eac00 ;
/*url(/design/img/td_bul.gif) no-repeat center right;*/
color: white;
font-weight: bold;
text-align: center;
padding: 6px 10px 6px 6px;
}
CAPTION {
background: #1eac00 ;
/*url(/design/img/td_bul.gif) no-repeat center right;*/
color: white;
font-weight: bold;
text-align: center;
padding: 6px 10px 6px 6px;
}
TD {
padding: 6px 16px 6px 6px ;
border-bottom: 1px solid #1eac00;
border-right: 1px solid #e1e1e1;
}
TABLE.reset, TABLE.reset TD {
border: none;
}
TABLE.invisible {
margin: 10px 0 10px 0;
border-collapse: collapse;
}
TABLE.invisible TD {
padding: 6px 16px 6px 0px ;
border: none;
}
ul {
list-style-type: disc;
padding: 0 0 10px 0;
}
div#content ul{
list-style-type: disc;
padding: 0px 0 10px 0px;
}
ol {
padding: 0px 0 10px 30px;
}
li {
}
P {
padding: 0 0 14px 0;
}
HR {
}
span.h2 {
color: #158906;
font-size: 24px
}
H1, H2, H3, H4, H5 {
color: #158906;
padding: 24px 0 10px 0 ;
margin: 0;
}
H1.title {
padding: 0px 0 24px 0 ;
/*font-family: "arial narrow";*/
font-size: 32px;
text-transform: lowercase;
/*font-style: oblique;*/
color: #ff4e01;
}
H1.title b {
color: #1eac00;
}
H1 {
font-size: 26px;
}
H2 {
font-size: 22px;
}
H3 {
font-size: 18px;
}
H4 {
font-size: 16px;
}
H5 {
font-size: 14px;
}
/************************
ÑÑÛËÊÈ
************************/
A {
color: #015682;
}
A:hover {
color: #ff5d04;
}
A:visited {
color: #014467;
}
A:visited:hover {
color: #ff5d04;
}
/************************
Forms
************************/
TEXTAREA {
border: 1px solid #b9b9b9;
}
SELECT {
width: auto;
border: 1px solid #b9b9b9;
}
INPUT {
margin-top: 0px;
margin-bottom: 0px;
border: 1px solid #b9b9b9;
padding: 0px;
}
INPUT.button {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: 1px solid ##b9b9b9;
color: white;
/*font-weight: bold;*/
cursor: pointer;
height: 30px;
}
INPUT.reset {
border: none;
}
/************************
ÊËÀÑÑÛ
************************/
div.navigation {
font-size: 11px;
color: silver;
}
div.navigation A{
color: #909090;
}
div.navigation span {
font-size: 22px;
top: 3px;
position: relative;
}
div#content img {
float: left;
padding: 0 10px 10px 0;
}
div.altBlock {
padding: 30px;
margin: 10px 0 10px 0;
background: #f7fbfb;
border: 2px dotted #1c5f5f;
color: #1c5f5f;
}
/************************
ÁËÎÊÈ
************************/
DIV#mainContainer {
text-align: center;
/*margin: 0 60px 0 60px;*/
width: 90%;
/*background: silver;*/
}
DIV#logo {
background: url(/design/img/logo.gif) no-repeat;
width: 202px;
height: 36px;
float: left;
cursor: pointer;
/*border: 1px;*/
}
DIV#header {
padding: 27px 0 0 0 ;
text-align: center;
}
/* mainmenu */
DIV#wrapper {
float: right;
width: 78%;
margin-left: -100px;
margin-bottom: 23px;
}
DIV#mainMenu {
height: 100%;
/*background: red;*/
}
DIV#mainMenu UL {
display: block;
width: 100%;
list-style-type: none;
/*border: 1px solid green;*/
/*background: green;*/
}
DIV#mainMenu UL LI, DIV#mainMenu UL LI#selected {
height: 20px;
margin-top: 10px;
float: left;
display: inline;
padding: 0 22px 1px 32px;
/*width: 20%;*/
/* äëÿ ie - âûñ÷èòûâàåò øèðèíó "ÿ÷åéêè" â ïðîöåíòàõ â çàâèñèìîñòè îò êîë-âà ýë-â */
/*$width: expression(Math.floor(100 / document.getElementById('mainMenu').firstChild.childNodes.length)+'%');*/
text-align: left;
/*border: 1px solid blue;*/
/*background: blue;*/
}
DIV#mainMenu UL LI A, DIV#mainMenu UL LI A:visited {
font-size: 16px;
color: #158906;
background: white;
}
DIV#mainMenu UL LI A:hover, DIV#mainMenu UL LI A:visited:hover {
font-size: 16px;
color: #ff5d04;
}
/* spl */
body {
/*background: url(/design/img/spl2_bg.jpg) repeat-x 1% 85px;*/
/*background: url(/design/img/spl2.jpg) no-repeat 1% 85px;*/
/* background: url(/design/img/sizer.gif) repeat-y;*/
}
DIV#spl {
/*margin-top: 23px;*/
z-index: -1;
/* position: relative;*/
clear: both;
height: 222px;
width: 100%;
background: url(/design/img/spl.jpg) no-repeat ;
}
DIV#spl DIV
{
font-size:30px;
margin:-10px 0 0 -280px;
font-style:italic;
color:#56a6cb;
font-weight:bold;
}
DIV#spl DIV SUP
{
font-size:18px;
}
.sp2
{
margin-left:370px;
}
.spl SPAN
{
display:block;
margin-top:10px;
}
/* submenu */
DIV#submenu {
width: 278px;
float: left;
text-align: left;
position: relative;
}
DIV#submenu UL {
list-style-type: none;
}
DIV#submenu UL LI{
line-height: 14px;
padding-bottom: 17px;
}
DIV#submenu UL LI A, DIV#submenu UL LI A:visited {
font-size: 14px;
/*border-left: 1px solid green;*/
display: block;
}
DIV#submenu UL LI A.selected, DIV#submenu UL LI A.selected:visited {
color: #ff5d04;
font-weight: bold;
}
DIV#submenu UL LI UL {
/*background: silver;*/
padding: 10px 0px 0 0px ;
list-style-type: none;
/*color: #ff5d04;*/
}
DIV#submenu UL LI UL LI {
/*background: silver;*/
padding: 0 24px 12px 14px;
border-left: 2px solid #ff5d04;;
margin: 0 0 0 0px;
}
DIV#submenu UL LI UL LI A, DIV#submenu UL LI UL LI A:visited{
font-size: 12px;
color: #ff5d04;
}
DIV#submenu UL LI UL LI A:hover, DIV#submenu UL LI UL LI A:visited:hover{
/*color: #ff9459;*/
text-decoration: none;
}
/* content */
DIV#contentContainer {
padding: 25px 0 0 0;
clear: both;
width: 100%;
}
DIV#wrapper2 {
float: right;
width: 70%;
margin-left: -100px;
/*padding-left: 4%;*/
/*background: green;*/
}
DIV#content {
text-align: left;
/*border: 1px solid gray;*/
z-index: 2;
position: relative;
}
/* list-items */
UL.list-items {
list-style-type: none;
width: 100%;
padding-left: 0px;
margin: 0;
}
UL.list-items LI {
padding: 0;
margin: 0;
padding-bottom: 20px;
margin-right: 20px;
margin-bottom: 20px;
/*border-bottom: 1px solid #e1e1e1;*/
width: 290px;
/*float: left;*/
display: inline-block;
vertical-align: top;
}
UL.list-items LI img{
float: left;
padding: 0 10px 10px 0;
}
UL.list-items LI p{
}
UL.list-items LI a{
font-size: 16px;
color: #3d9bca;
/*margin-bottom: #3d9bca;*/
display: block;
margin:0 0 5px 0;
}
/* list-items 2 øèðèíà êàðòèíêè 200, òåêñò middle*/
UL.list-items2 {
width: 100%;
}
UL.list-items2 LI {
padding-bottom: 20px;
margin-right: 20px;
margin-bottom: 20px;
width: 400px;
display: inline-block;
vertical-align: top;
list-style-type: none;
}
UL.list-items2 LI img{
float: left;
padding: 0 10px 10px 0;
text-align: center;
}
UL.list-items2 LI p{
width: 200px;
float: right;
}
/* list-items tovars */
UL.list-items-tovars {
width: 70%;
padding-left: 0px;
margin: 0;
}
UL.list-items-tovars LI {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e1e1e1;
width: 100%;
display: inline-block;
vertical-align: middle;
list-style-type: none;
}
UL.list-items-tovars LI div.image{
width: 170px;
float: left;
text-align: center;
}
UL.list-items-tovars LI div.text{
width: 60%;
float: right;
}
UL.list-items-tovars LI span{
font-size: 16px;
color: #3d9bca;
display: block;
}
UL.list-items-tovars LI div.price{
width: 100%;
clear: both;
}
DIV.clear { clear: both; }
/* footer */
DIV#footer {
width: 100%;
clear: both;
text-align: left;
padding-top: 60px;
/*background: #efefef;*/
}
DIV#copyright {
background: #0e9800 url(/design/img/f_bg.jpg) repeat-x;
color: white;
float: left;
height: 49px;
width: 25%;
}
DIV#copyright *{
/*border: 1px solid;*/
font-size: 10px;
margin: 0;
padding: 0;
}
DIV#copyright p a {
color: white;
}
DIV#counters {
padding: 10px 20px 0px 40px;
background: #ececec url(/design/img/f_r.gif) top right no-repeat;
text-align: right;
}
/*DIV#counters * {
vertical-align: middle ;
padding: 20px 2px 0px 2px;
}*/
.content_ins table {border:none !important; margin:0 !important;}
.content_ins td {border:none !important;padding:0;}
.content_ins img, .photo_item img {float:none !important;}
.photo_cont img {border:2px solid #E1E1E1;padding:0 !important;}