@import url("blocks.css");
@import url("base.css");

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, pre, code, address, caption, cite, code, table, font {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    margin: 0;
	line-height: 1.2em;
	font-weight: bold;
}

/*Íàñòðîéêà çàãîëîâêîâ*/
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }

/*links*/
a { color: #585b24; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

/*forms*/
input, textarea, select {
	font-size: 1em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}

/*PAGE*/
body {
	color: #111;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.70em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
}

.pagebg {
	padding: 0; margin: 0;
	background-color: #000000;
}

/*OTHER SETTINGS*/
p {
	padding: 0; margin: 0;
	margin-bottom: 8px;
}
.nom { margin: 0; }
.clr { clear: both; }
img  { border:0 none; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
hr	{
	border: 0 none;
	border-top: 1px solid #cfcfcf;
	height: 1px;
}

/*UL, LI*/
ul {
    margin: 0;
    padding-left: 16px;
    list-style-position:outside;
    list-style-image:none;
}

ul li { margin: 0; padding: 0; }

ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 18px;
	margin-left: 2.2em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.reset, .reset li { margin: 0; padding: 0; display: block; list-style: none; }

/*WRAPPER ÎÑÍÎÂÍÎÉ ÐÀÇÌÅÐÍÛÉ ÁËÎÊ*/
.wrapper {
	margin: auto;
	width: 989px;
	text-align: left;
}
*html .wwide { width: expression(document.body.clientWidth) < 996? "996px"; }
.wwide { width: 100%; min-width: 996px;  }

/*HEAD*/
.lcolomn { float: left; display: inline; }
.rcolomn { float: right; display: inline; }
.blue { color: #77831c; }
.wpic { width: 100%; }

.headbox, .headbox .wpic, .headbox .wrapper { height: 519px; }
.headbox { background: #130e0b url("../images/headnight_wide.jpg") repeat-x 0 0; }
.headbox .wpic { background: url("../images/headnight.jpg") no-repeat 50% 0; }

.headmenu, .headmenu .wpic, .headmenu .wrapper { height: 52px; }
.headmenu { background: #373c14 url("../images/menutop_wide.jpg") repeat-x 0 0; }
.headmenu .wpic { background: url("../images/menutop.jpg") no-repeat 50% 0; }

.pagewrap { background: #c9bfae url("../images/wrapbg_wide.png") repeat 0 0; }
.pagewrap .wpic { background: url("../images/wrapbg.png") repeat-y 50% 0; }
.pagewrap .wpic .wpic { background: url("../images/menutop.jpg") no-repeat 50% -52px; }

.footwrap, .footwrap .wpic, .footwrap .wrapper { height: 33px; }
.footwrap { background: #130e0b url("../images/footwrap_wide.png") repeat-x 0 0; }
.footwrap .wpic { background: url("../images/footwrap.jpg") no-repeat 50% 0; }

.headbox { color: #cabfae; }
.headitem1 { text-align: center; height: 29px; }
.headitem2 { height: 302px; }
.headitem3 { text-align: center; height: 145px; position: relative; }

h1.headtext {
	display: block;
	width: 278px; height: 0;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 8px;
	background: url("../images/headtext.png") no-repeat 0 0;
	margin: 0 auto;
	position: relative;
	top: 14px;
}

.headitem2 span { float: left; text-align: right; padding: 2px 0 0 10px; }
.headitem2 span img {
	width: 22px; height: 18px;
	background-image: url("../images/homeicons.png");
	background-repeat: no-repeat;
	margin-left: 6px;
}
a.hb_home img { background-position: 5px 3px; }
a.hb_feed img { background-position: -28px 3px; }
a.hb_map img { background-position: -62px 3px; }

a.hb_home:hover img { background-position: 5px -30px; }
a.hb_feed:hover img { background-position: -28px -30px; }
a.hb_map:hover img { background-position: -62px -30px; }

/*serfing*/
.ecostyle {
	margin: 0;
	position: relative;
	top: 5px;
	width: 153px; height: 119px;
	margin: 0 auto;
}

.ecostyle a {
	display: block;
	width: 153px; height: 119px;
	background: url("../images/ecostile_logo.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: 190px;
	white-space: nowrap;
}

h3.headphone, h3.headadress {
	width: 88px; height: 26px;
	display: block;
	background: url("../images/head_phone.png") no-repeat 0 0;
	text-indent: 100px;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 15px;
}
h3.headphone { left: 20px; }

h3.headadress {
	width: 107px; height: 39px;
	background: url("../images/head_adress.png") no-repeat 0 0;
	text-indent: 170px;
	right: 20px;
}

/*ÑÒÐÓÊÒÓÐÀ ÁËÎÊÎÂ*/
.container,
.leftside,
.rightside { overflow: hidden; }
.container {
	padding: 0 15px 0 268px;
}
.leftside {
	display: inline;
	float: left;
	width: 268px;
	margin: 0 0 0 -268px;
}

.rightside {
	float: right;
	width: 100%;
}
table.conts {
	border-collapse: collapse;
	border-spacing: 0; border: 0 none;
	width: 100%;
}

.footcount { float: left; width: 268px; text-align: center; padding-top: 3px; }

/*TOP MENU*/
.headmenu ul {
	height: 41px;
	line-height: 41px;
	padding: 1px 54px 0 14px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
}
.headmenu ul li { float: left; height: 41px; }
.headmenu li a, .headmenu li a b {
	float: left;
	height: 41px;
	cursor: pointer;
	text-decoration: none !important;
}
.headmenu li a { color: #f1ffb2; }
.headmenu li a b {
	padding: 0 14px 0 12px;
	background: url("../images/headmenu.png") no-repeat 100% 0;
}
.headmenu li a:hover { background: #6a7228 url("../images/headmenu.png") repeat-x 0 -41px; }
.headmenu li a:hover b { background: url("../images/headmenu.png") no-repeat 100% 0; }

.headmenu li.flink { background: url("../images/menutop_flink.png") no-repeat 0 -999px; }
.headmenu li.flink a:hover { background: #6a7228 url("../images/menutop_flink.png") no-repeat 0 0; }

.headmenu .wrapper { position: relative; }
a.rssbtn img {
	position: absolute;
	right: 26px; top: 12px;
	width: 16px; height: 16px;
	background: url("../images/rss_btn.png") no-repeat 100% 0;
}
a.rssbtn:hover img { background: url("../images/rss_btn.png") no-repeat 0 0; }

/*FOOTER*/
.footer, .footer .wpic, .footer .wrapper { height: 176px; }
.footer { background: #000000 url("../images/footer_wide.png") repeat-x 0 0; }
.footer .wpic { background: url("../images/footer_plant.png") no-repeat 50% 0; }
.footer .mpad { padding: 0 20px; }

.copyright {
	float: left;
	background: url("../images/ecostile_foot.png") no-repeat 0 0;
	width: 300px; height: 80px;
	padding: 6px 0 0 60px;
	color: #a8826f;
	position: relative;
	top: 16px;
}
.copyright a { color: #a8826f; }

.centroarts {
	position: relative;
	float: right;
	top: 26px;
	width: 100px; height: 22px;
	background: url("../images/centroarts.png") no-repeat 0 0;
	overflow: hidden;
	line-height: 200px;
}

/*speedbar*/
.speedbar {
	overflow: hidden;
	padding: 13px 0 14px 0;
	margin-bottom: 20px;
	background: url("../images/speedbarline.png") no-repeat 0 100%;
}

/*buttons*/
.fbutton {
	background: #fff url("../images/buttons.png") no-repeat 0 0;
	width: 112px; height: 29px;
	border: 0 none;
	cursor: pointer;
	padding: 0 0 6px 2px;
	color: #615540;
	margin: 0 0 2px 0;
	font-weight: bold;
	font-size: 11px;
}
.fbutton:hover { color: #6f733a; background: #fff url("../images/buttons.png") no-repeat 0 -29px; }





.btn_reglog {
	width: 108px; height: 18px;
	background: url("../images/button_reg.png") no-repeat 0 0;
	border: 0 none;
	margin: 0; padding: 0;
	cursor: pointer;
	padding-bottom: 2px;
	color: #81867e;
	font-weight: bold;
	font-size: 11px;
}

.btn_reglog:hover { background: url("../images/button_reg.png") no-repeat 0 -18px; }

/*--Zoom ýôôåêò--*/

#imgYamaha {
    border:2px solid #CCCCCC; 
    float: left; 
    width: 300px; 
    margin-bottom: 20px;
    }
    
#Yamaha a img {
    border: none;
    }

#galleryYamaha {
    margin-left: 10px; 
    width: 490px; 
    float: left; 
    padding-top: 0;
    }
    
#Yamaha h3 {
    padding-top: 0px;
    margin-top: 0px;
    clear: both;
}

.th {
    float: left; 
    width: 100px;
    margin: 0 10px 10px 0;
    border: 2px solid #cccccc;
}

div.stats {
display:inline;
height:0px;
left:-1000px;
margin:0px;
padding:0px;
position:absolute;
top:-1000px;
visibility:hidden;
width:0px }

/*--Zoom ýôôåêò--*/

#imgYamaha {
    border:2px solid #CCCCCC; 
    float: left; 
    width: 300px; 
    margin-bottom: 20px;
    }
    
#Yamaha a img {
    border: none;
    }

#galleryYamaha {
    margin-left: 10px; 
    width: 490px; 
    float: left; 
    padding-top: 0;
    }
    
#Yamaha h3 {
    padding-top: 0px;
    margin-top: 0px;
    clear: both;
}

.th {
    float: left; 
    width: 100px;
    margin: 0 10px 10px 0;
    border: 2px solid #cccccc;
}