/*
Магнат-РД
2009
G.Kozlovski
*/

/*------------------DEFAULTS------------------*/

/*standart*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; outline:0px; font-size:100%; vertical-align:baseline; background:transparent;}
#site {max-width:1252px; min-width:1000px; min-height:100%; height:100%; margin:0px auto; font:75%/1.2em Tahoma;}
html {height:100%; background:#c9dbec;}
table {border-collapse:collapse; border-spacing:0;}
ul {list-style:none;}
:focus {outline:0;}
div {zoom:1;}
em {width:99%; zoom:1;}

/*links*/
a {text-decoration:underline; cursor:pointer; color:#00539b;}
a:hover {text-decoration:none;}
.more, .back {font:0.92em Tahoma;}

/*hacks*/
.clear {clear:both; height:1px; overflow:hidden;}
.zoom1 {overflow:auto;}
.hidd {display:none;}

/*text align*/
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.taj {text-align:justify;}

/*floats*/
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {margin:0px auto;}

/*------------------MARKING------------------*/
/*main*/
#main {min-height:100%; _height:100%; background:url(../images/html.gif) left bottom repeat-x;}

/*header*/
#header {height:360px; background:url(../images/header.jpg) left top no-repeat;}
#header.index {background:url(../images/header-main.jpg) left top no-repeat;}

/*content*/
#container {width:100%; padding-bottom:180px;}
#container.index {background:url(../images/container.gif) left top repeat-x;}
#content {width:100%; float:left;}
#text {margin:0px 85px 0px 440px;}
#text.index {margin:0px 330px 0px 330px;}

/*left part*/
#left {float:left; width:380px; padding-bottom:20px; margin-left:-100%; border:dashed #fff; border-width:1px 1px 1px 0px;}
#left.index {width:330px;}

/*right part*/
#right {float:left; width:330px; margin-left:-330px;}

/*footer*/
#footer {height:120px; margin-top:-120px; position:relative; width:100%;}

/*------------------CONTENT------------------*/
h1, h2, h4, h6 {color:#283d86;}

h2, h3, h4, h5, h6 {margin:30px 0px 15px;}

h1 {font-size:1.33em; margin-bottom:20px; line-height:1.5em; background:url(../images/h1.gif) left 1.45em no-repeat; padding-bottom:5px; zoom:1;}
h2 {text-transform:uppercase;}
h3 {font:normal 1.17em Tahoma; color:#414246;}
h4 {}
h5 {color:#000;}
h6 {font:bold 0.92em Tahoma;}

#text p {margin-bottom:5px;}
#text .table {border:1px dashed #fff; padding:20px 30px 35px; float:left;}
	#text .table h3 {margin:0px 0px 20px;}
#text table {margin:10px 0px 20px;}
	#text td, #text th {border:1px solid #cadbed; padding:3px 5px; background:#e1ebf5; font-size:0.92em;}
	#text th {}
	#text td {}
#text ol {margin:10px 0px 15px 2.5em;}
	#text ol li {}
#text ul {margin:10px 0px 15px 2.5em; list-style:disc;}
	#text ul li {}
	
.overflow {overflow:hidden;}
.overflow-with-margin {overflow:hidden; margin: 15px 0px 15px 0px;}
.floatCenter {float:center;}

/*------------------DEFAULT BLOCKS------------------*/
/*logo*/
#logo {display:block; width:290px; height:55px; position:relative; top:45px; left:65px; margin-bottom:265px;}

/*min-panel*/
#min-panel {width:81px; height:24px; margin-left:65px;}
	#min-panel a {display:block; float:left; width:27px; height:24px;}
	#min-panel #home {background:url(../images/home.gif) center center no-repeat;}
	#min-panel #home:hover {background:url(../images/home-h.gif) center center no-repeat;}
	#min-panel #mail {background:url(../images/mail.gif) center center no-repeat;}
	#min-panel #mail:hover {background:url(../images/mail-h.gif) center center no-repeat;}
	#min-panel #map {background:url(../images/map.gif) center center no-repeat;}
	#min-panel #map:hover {background:url(../images/map-h.gif) center center no-repeat;}

/*feedback*/
#feedback {width:400px; margin-bottom:50px;}
	#feedback label {color:#2a408b; font:bold 0.92em Tahoma;}
	#feedback input.text, #feedback textarea {width:400px; margin:5px 0px 10px; }
	#feedback textarea {height:100px;}
	#feedback img {float:right}
	#feedback input.submit {float:right;}

/*listing*/
#listing {float:right; margin:30px 0px 20px; padding:15px 45px 15px 20px; background:#e1ebf5; position:relative; right:-85px; clear:both;}
	#listing strong {font-weight:normal; padding-right:30px;}
	#listing span {padding:0px 3px; color:#d91c09; font-size:0.92em;}
	#listing a {color:#095199; padding:0px 3px; font-size:0.92em;}
	#listing a:hover {color:#d91c09; }

/*gallery*/
.gallery {margin:30px 0px 0px; overflow:auto;}
	.gallery div {margin:0px 40px 20px 0px; float:left; height:140px;}
	.gallery div a img {border:1px solid #fff;}

/*menu*/
.folding {margin:30px 20px 20px 60px;}
	.folding li {padding:3px 0px 3px 20px; background:url(../images/folding-1.gif) left 8px no-repeat;}
	.folding li.opened {background:none;}
	.folding li a {color:#000;}
	.folding li.opened a {color:#fff; background:#d50c02; text-decoration:none;}

.folding ul {margin:5px 0px 5px 15px;}
	.folding li li, .folding li.opened li {padding-left:10px; background:url(../images/folding-2.gif) left 9px no-repeat;}
	.folding li li a, .folding li.opened li a {color:#00539b; background:none; text-decoration:underline;}
	.folding li li a:hover, .folding li.opened li a:hover {text-decoration:none;}
	.folding li.opened li.opened a {font-weight:bold; text-decoration:none;}

.folding ul ul {margin:5px 0px 0px 15px;}
	.folding li li li, .folding li.opened li.opened li {padding-left:10px; background:url(../images/folding-3.gif) left 9px no-repeat;}
	.folding li li a, .folding li.opened li.opened li a {color:#000; text-decoration:none; font-weight:normal;}
	.folding li.opened li.opened li a:hover, .folding li li li a:hover {color:#d50c02;}
	.folding li.opened li.opened li.opened a {color:#b45d15; text-decoration:underline;}

/*news*/
.news-block {overflow:auto; margin:0px 0px 20px;}
	.news-block img {float:left; margin:0px 10px 10px 0px; border:1px solid #c1c1c1;}
	.news-block div {float:left; width:60%;}
	.news-block div h3 {margin-top:0px;}

/*------------------OTHER BLOCKS------------------*/
/*content*/
.menu-button {width:330px; height:183px; margin:0px auto; background:left center no-repeat;}
	.menu-button span {margin:64px 0px 0px 120px}

.about {background-image:url(../images/about.gif);}
.prod {background-image:url(../images/prod.gif);}
.network {background-image:url(../images/network.gif);}
.price {background-image:url(../images/price.gif);}
.plastic {background-image:url(../images/plastic.gif);}
	.plastic .shadow {background:none;}
.talon {background-image:url(../images/talon.gif);}

.shadow {width:296px; height:16px; margin:0px auto; background:url(../images/shadow.png);}

#text .left-news {list-style:none; margin-left:0px;}

/*left*/
#left div {padding:20px 20px 0px;}

.pre-text {border-bottom:1px dashed #fff;}
	.pre-text p {margin-bottom:10px;}

.some-header {text-transform:uppercase; color:#283d86; font:bold 1.17em Tahoma; padding-left:10px; border-left:5px solid #d51c00; margin-bottom:50px; display:block;}
	.some-header a {text-decoration:none;}

.left-news {}
	.left-news li {padding-bottom:20px; border-bottom:1px solid #fff; color:#5b6366; font-size:0.83em; background:url(../images/left-news.gif) left 2px no-repeat; padding-left:15px; margin-bottom:30px;}
	.left-news li.last {border:0px; margin-bottom:0px; padding-bottom:0px;}
	.left-news li a {display:block; font-size:1.1em; color:#00539b; zoom:1;}
	.left-news li strong {display:block; font-size:1.1em; color:#00539b; zoom:1;}

/*right*/
#actions {border:dashed #fff; border-width:1px 0px 1px 1px; padding:55px 20px 0px ; height:310px; overflow:hidden;}
	#actions .zoom1 {margin-bottom:20px;}
	#actions .zoom1 img {float:left;}
	#actions .some-header {float:left; margin:25px 0px 0px 20px;}

/*footer*/
#footer .floatRight {text-align:center; color:#424242; font:0.83em Tahoma; padding:40px 60px 0px;}
	#footer .floatRight a {color:#424242;}
	#footer .floatRight a img {border:1px solid #000; vertical-align:middle; margin:0px 5px 5px;}

#footer .floatLeft {padding-top:35px; white-space:nowrap; font-size:0.92em;}
	#footer .floatLeft div {padding:15px 90px 30px 85px; float:left; color:#424242; font-weight:bold;}
	#footer .floatLeft p {margin-bottom:10px;}

/* 12.03 */
.links {font-size:0.92em; color:#000; padding-left:10px; background:url(../images/red.gif) left 5px no-repeat;}
