*{
margin: 0;
padding: 0;
}

html  {
margin: 0;
padding: 0;
width: 100%;
}

body {
width: 100%;
height: 100%;
margin: 0 auto;
background-color: #1663b1;
background-image: url("shablon/mainbg.jpg");
background-repeat: repeat-x;
}

img {border: 0px}

#heading {
width: 1000px;
height: 125px;
margin: 0px auto;
}

#logotip {
width: 230px;
height: 95px;
margin-top: 15px;
margin-right: 50px;
float: left
}

#goroda {
width: 570px;
height: 110px;
margin-top: 15px;
float: left;
color: white;
font-family: Verdana;
font-size: 15px;
}

#contact {
width: 130px;
margin-top: 35px;
float: left;
}

.contact {display: block; width: 130px; padding: 8px 0px; text-align: center; font-family: Verdana; font-size: 12px; margin-bottom: 10px; text-decoration: none;}
a.contact:link, a.contact:visited {background-image: url("shablon/off.png"); color: #102e51;}
a.contact:hover {background-image: url("shablon/on.png"); color: white;}

#menu {
width: 100%;
border-top: 2px solid white;
border-bottom: 2px solid white;
background-image: url("shablon/menubg.jpg");
}

#center {
width: 994px;
margin: 10px auto 0px auto;
}

.menu-float {
display: inline-block;
float: left;
width: 162px;
height: 60px;
margin: 0px 3px 10px 0px;
}

.ramka {
position: relative;
display: block;
z-index: 15;
width: 98px;
height: 45px;
padding-left: 64px;
padding-top: 15px;
font-family: Arial; font-size: 12px; color: white;
vertical-align: middle;
text-decoration: none;
}

a.ramka:link, a.ramka:visited {background-image: url("shablon/ramka-link.png");}
a.ramka:hover {background-image: url("shablon/ramka-hover.png");}

.menu-image {
position: relative;
z-index: 5;
width: 54px;
height: 54px;
margin: -57px 0px 0px 3px;
background-color: white;
}

.action {
position: relative;
z-index: 10;
width: 54px;
height: 17px;
margin: -35px 0px 0px 3px;
background-color: none;
}

#container {
width: 1000px;
margin: 0 auto;
}

#podval {
width: 970px;
height: 30px;
padding: 30px 15px 0px 15px;
margin: 0px auto 15px auto;
background-image: url("shablon/podval.jpg");
clear: both;
text-align: center;
}

#podval p {color: white; font-family: Arial; font-size: 13px;}

#zagolovok {
width: 210px;
float: left;
font-family: Verdana;
color: white;
font-size: 20px;
margin: 20px 0px 0px 0px;
}

#zagolovok1 {
width: 900px;
float: left;
font-family: Verdana;
color: white;
font-size: 20px;
padding: 20px 0px 0px 230px;
background-image: url("shablon/ditter.jpg");
background-repeat: no-repeat;
background-position: 0px 24px;
}

#podrazdel-menu {
width: 700px;
float: left;
margin: 22px 0px 0px 0px;
}

a.row {
display: block;
float: left;
font-family: Verdana; 
font-size: 14px; 
color: white; 
padding: 5px 10px 20px 10px; 
background-image: url("shablon/knopka1.png"); 
background-position: top center; 
background-repeat: no-repeat;
text-decoration: none; 
margin-left: 10px;
}

a.here {
display: block;
float: left;
font-family: Verdana; 
font-size: 14px; 
color: #083162; 
padding: 5px 10px 20px 10px; 
background-image: url("shablon/knopka2.png"); 
background-position: top center; 
background-repeat: no-repeat;
text-decoration: none; 
margin-left: 10px;
}

/* Простой текстовый блок ------------------------------------------- */

#text {
width: 1000px;
margin: 0 auto;
margin-top: 15px;
}

#text p {color: white; font-family: Verdana; font-size: 12px; padding: 0px 15px 15px 15px; line-height: 20px}

#text ul {margin-left: 40px}
#text ul li {margin-left: 10px; color: white; font-family: Verdana; font-size: 12px; padding: 0px 15px 15px 15px; line-height: 20px}

#text a {font-family: Verdana; font-size: 12px; line-height: 20px; font-weight: bold}
#text a:link, #text a:visited {color: white}
#text a:hover {color: red}

h1 {
display: block;
padding-top: 15px;
margin-left: 15px;
padding-bottom: 5px;
border-bottom: 1px solid white;
font-family: Verdana;
color: white;
font-size: 14px;
margin-bottom: 10px;
}

/* ВЫВОД катеров в DITTO ------------------------------------------- */

.kater-float {width: 475px; height: 168px; margin: 0px 10px 10px 10px; float: left; background-color: #104e90}
.kater-heading {width: 465px; background-color: #053064; color: white; font-family: Verdana; font-size: 12px; font-weight: bold; padding: 5px 0px 5px 10px;}

.kater-float1 {width: 475px; height: 168px; margin: 0px 10px 10px 10px; float: left; background-color: #053064; background-image: url("shablon/cool.gif"); background-repeat: no-repeat; background-position: 97% 35%;}

.kater-heading1 {width: 465px; background-color: #890000; color: white; font-family: Verdana; font-size: 12px; font-weight: bold; padding: 5px 0px 5px 10px;}

a.kater-fon {z-index: 10; position: relative; width: 298px; height: 133px; font-family: Verdana; padding-left: 175px; padding-top: 10px; display: block; font-size: 11px; text-decoration: none; line-height: 15px; border: 1px solid #114e91; color: white; }
a.kater-fon:link, a.kater-fon: visited {color: white;}
a.kater-fon:hover {color: white; border: 1px solid white;}


.kater-image {width: 150px; height: 120px; border: 1px solid white; position: relative; margin: -135px 0px 0px 10px;}
.kater-price {position: relative; margin: -40px 0px 0px 335px ; display: block; height: 25px; background-image: url("shablon/price.png"); background-repeat: no-repeat; font-family: Verdana; color: white; font-weight: bold; font-size: 13px; padding: 4px 10px 0px 10px; text-align: right; width: 120px}

.kater-price-valute {position: relative; margin: -2px 0px 0px 135px ; display: block; height: 25px; font-family: Verdana; color: #69A7E5; font-style: italic; font-size: 12px; padding: 4px 10px 0px 10px; text-align: right;}


/* СТРАНИЦА КОНКРЕТНОГО КАТЕРА ------------------------------------- */

#kater-spisok {
width: 200px;
padding-top: 25px;
float: left;
}

a.kat-spis-row {
display: block;
font-family: Verdana;
font-size: 11px;
padding: 3px;
margin-bottom: 3px;
text-decoration: none;
}

a.kat-spis-row:link {
color: white;
}

a.kat-spis-row:visited {
color: white;
}

a.kat-spis-row:hover {
color: black;
}

a.kat-spis-here {
display: block;
font-family: Verdana;
font-size: 11px;
color: white;
padding: 3px;
text-decoration: none;
background-color: #2e73b9;
}

#kater-content {
width: 770px;
padding-top: 0px;
padding-left: 20px;
margin-bottom: 10px;
float: left;
}

.oh {
display: block;
color: white;
font-family: Verdana;
font-size: 11px;
padding: 3px 0px 6px 0px;
border-bottom: 1px solid #3785d3;
}

.glava {
display: block;
padding-top: 15px;
padding-bottom: 5px;
border-bottom: 1px solid white;
font-family: Verdana;
color: white;
font-size: 14px;
margin-bottom: 10px;
}

.podpunkt {
line-height: 20px;
font-family: Verdana;
color: white;
font-size: 12px;
}


/* ВЫВОД товаров в DITTO ------------------------------------------- */

.tovar-float {width: 730px; height: 168px; margin: 0px 00px 10px 00px; float: left; background-color: #104e90}
.tovar-heading {width: 720px; background-color: #083063; color: white; font-family: Verdana; font-size: 12px; font-weight: bold; padding: 5px 0px 5px 10px;}

a.tovar-fon {z-index: 10; position: relative; width: 543px; height: 133px; font-family: Verdana; padding-left: 175px; padding-top: 10px; padding-right: 10px; display: block; font-size: 11px; text-decoration: none; line-height: 15px; border: 1px solid #114e91; color: white; }
a.tovar-fon:link, a.tovar-fon: visited {color: white;}
a.tovar-fon:hover {color: white; border: 1px solid white;}

.tovar-image {width: 150px; height: 120px; border: 1px solid white; position: relative; margin: -135px 0px 0px 10px;}

/* СТРАНИЦА КОНКРЕТНОГО ТОВАРА ------------------------------------- */

#nav-opis {
margin-top: 25px;
margin-left: 20px;
margin-bottom: 10px;
padding-right: 15px;
width: 535px;
float: left;
border-right: 1px solid white;
}

#nav-model-spisok {
margin-top: 25px;
margin-left: 20px;
width: 200px;
float: left;
}

.other-t {
display: block;
font-family: Verdana;
color: white;
font-size: 11px;
border-bottom: 1px solid white;
padding-bottom: 10px;
}

.tovar-zag {
line-height: 20px;
font-family: Verdana;
color: white;
font-size: 15px;
font-weight: bold;
}

#simpletext p {
line-height: 15px;
font-family: Verdana;
color: white;
font-size: 11px;
padding-bottom: 5px;
}

#simpletext table {
width: 100%;
}

#simpletext td, #simpletext td p {
background-color: white;
color: black;
padding: 5px;
font-family: Verdana;
color: black;
font-size: 11px;
}
