/* CSS Document

Основные цвета:
	background:		#e6e8db;
	page:			#13344b;
	
желтые ссылки
#f2b010;

оранжевые ссылки
#ff6d34;

a:visited { color: #f2c04b;}
*/
* {margin: 0; padding: 0; }
html {height: 100%;}
body {color: #e6e8db; font: normal 14px Tahoma; height: 100%; background-color: #f6f9ee; }
a {color: #f2b010; text-decoration: underline;}
a:hover {text-decoration: none;}

img {border: none;}

h1 {color: #f2b010; font-size: 30px; font-weight: normal; margin-bottom: 10px; line-height: 30px;}
h2 {color: #ff6d34; font-size: 24px; font-weight: normal; margin-bottom: 20px;}
h3 {color: #ff6d34; font-size: 20px; margin-bottom: 10px; font-weight: normal;}

/*----------------------------*/
.pd {width: 100%;}

#main { min-width: 800px; max-width: 1280px; background-color: #13344b;}
* html #main {width: expression(document.documentElement.clientWidth > 1280 ? "1280px" : document.documentElement.clientWidth < 800 ? "800px" : "100%");}
.left-col {width: 25%; float: left;}
.center-col {width: 49.5%;  float: left; }
.right-col {width: 25%; float: left; text-align: left;}

/* левая колонка */
.left-top {margin-left: 15%; height: 190px;	font-size: 11px; font-weight: bold;	text-align: left; margin-top: 20px; margin-right: 20px;}
.left-top ul {margin-top: 8px; list-style-type: none;}
.left-top li {margin-bottom: 9px; padding-left: 16px; background-image: url(/themes/site/images/orgline.gif); background-repeat: no-repeat; background-position: left center; font-size: 12px; font-weight: normal;}
.left-top li a:visited { color: #f2c04b;}
.left-logo { margin-left: 15%; text-align: left;}


/* центральная колонка */
.center-toppad {padding-top: 20px;}
.center-row { height: 200px; }
.center-description { text-align: left; width: 80%; font-size: 14px; position: relative; padding-top: 40px; line-height: 26px; }
.center-description a { color: #ff6d34;}
.center-leftmail { position: absolute; left: -67%; bottom: 5px; display: block; margin-left: 1px; line-height: 17px; }
.center-leftmail p {float: left;}
.center-leftmail img {float: left;}
.dashed-link {clear: both; padding: 6px 0; }
.dashed-link a {border-bottom: 1px dashed #ff6d34; font-size: 20px; text-decoration: none;}
.dashed-link a:hover {border: none;}


.qlayer { padding: 19px 20px 10px; 15px; position: relative; width: 490px; background-color: #F7F8EE;  font-size: 12px; color: #000000; background-image:url(/themes/site/images/qlayer-back.png); background-repeat: repeat-x; background-position: bottom; height: 280px; left: 0; bottom: -340px; position: absolute;}
.qlaylc, .qlayrc, .qlaylbc, .qlayrbc { position: absolute; background-image: url(/themes/site/images/corners.gif); width: 9px; height: 10px; background-repeat: no-repeat;}
.qlaylc { left: 0; top: 0; position: absolute;  }
.qlayrc { right: 0px; top: 0; _top: -2px; background-position: -9px;}
.qlaylbc { left: 0; bottom: 0; _bottom: -3px; background-position: -18px;}
.qlayrbc {right: 0; bottom: 0; _bottom: -3px; background-position: -27px;}
.closepic { background-image: url(/themes/site/images/closepic.png); behavior:url(/themes/site/css/iepngfix.htc); width: 13px; height: 13px; right: 20px; top: 20px; position: absolute; background-repeat: no-repeat;}
.closepic a {display: block; width: 100%; height: 100%;}

.qlay-f { width: 50%; float: left;}
.qlay-fiomail {margin: 0 0 0 3px;}
.qlay-fiomail input { margin: 5px 0 10px -3px;}
.qlay-txt { height: 180px; width: 90%; padding-left: 3px;}
.qlay-txt textarea { width: 100%; height: 103px; margin: 5px 0 0 -3px; font-family:Arial;}
.qlay-txt div { width: 100%; float: right; text-align: right;}
.qlay-txt div input {height: 25px; width: 80px; margin: 15px 5px 0 0; _margin-right: 0;}

.qlay-faq { float: left; width: 50%; _width: 49.5%; font-size: 18px; color: black; margin-left: -1px;}
.qlay-faq ul { list-style-type: none; width: 100%; font-size:11px; margin-top: 10px;}
.qlay-faq li { background-image: url(/themes/site/images/blueline.gif); background-repeat: no-repeat; background-position: 2px 8px; padding-left: 17px; padding-bottom: 12px;}
.qlay-faq li a { font-size: 11px; color: #006ecc; text-decoration: underline; display: block; border: none; width: 100%; font-size: 11px;}
.qlay-faq li a:hover { text-decoration: none;}
.qlayall {width: 100%; text-align: right; padding-top: 23px; }
.qlayall a {color: #ff6d34; font-size: 14px; text-decoration: underline; padding-bottom: 1px; border: none; display: block;}
.qlayall a:hover {color: #ff6d34; text-decoration: none;}

.paket1 { height: 240px; background-color: #f7f9ef; position: relative; margin-top: -30px;}

.pak-partn { width: 80%; color: black; text-align: left; padding-top: 45px; font-size: 16px;}
.pak-partn p {clear: both; padding-bottom: 20px;}
.pak-partn img {display: inline; margin-right: 3%; padding-bottom: 10px;}
.pak-partn-l {width: 100%; padding-top: 10px;}
.pak-partn-l div { width:50%; float: left; text-align: center; margin-left: -1px;}
.pak-partn-l a { color: #000000; padding-top: 0; font-size: 14px; text-align: center;}

.pak-l-b, .pak-l-bb, .pak-r-b, .pak-r-bb {background-image: url(/themes/site/images/borders.gif); background-repeat: repeat-y; position: absolute; width: 10px; }
.pak-l-b {left:-10px; top: 0; height: 100%;}
.pak-l-bb {left:-10px; bottom: 0; height: 400px;}
.pak-r-b {background-position: -10px; right: -10px; top: 0; height: 100%;}
.pak-r-bb {background-position: -10px; right: -10px; bottom: 0; height: 400px;}

.pak-l-c, .pak-r-c {background-image: url(/themes/site/images/corners2.gif); position: absolute; height: 39px; width: 39px;}
.pak-l-c {left:-10px; bottom: 0;}
.pak-r-c {right: -10px; bottom: 0; background-position: -39px;}

.paket2 {background-color: #f7f9ef; position: relative; background-image: url(/themes/site/images/grad.png); background-position: 10px bottom; background-repeat:repeat-x; width: 100%;}

.paket2-links {text-align: left; width: 80%; line-height: 28px; text-align: left; padding-bottom: 48px;  }
.paket2-links a { color: #f25010; text-decoration: none; margin-right:15px; white-space: nowrap;}
.paket2-links a:hover { color: white; background-color: #f25010;}

* html .paket2-links { line-height: 30px;}
*+html .paket2-links {line-height: 30px;}

/* облако тегов */
#taglayer { position: absolute; width: 100%; top:0px; left: 0; background-image: url(/themes/site/images/taglayer-back.png); background-repeat: repeat-x; background-position: bottom; min-height:200px; _height: 200px; z-index:2; background-color:#F6F8EE;}
#tagl {width:80%; text-align: left; padding-top: 20px; color: #13344B;}
#tagl img {float: right; margin: 0; padding: 0; margin-left: 25px;}
#tagl p {color: #13344B; text-align: left; font-size: 12px; height: 100%;}
#tagl p div {color: #13344B; text-align: left; font-size: 12px; height: 100%;}
#tagl a img {behavior:url(/themes/site/css/iepngfix.htc);}
#tagl div {color: #13344B; text-align: left; font-size: 12px; height: 100%;}
#tagl-pr { float: left; clear: both; margin-top: -30px; color: black; font-size: 10px; padding-right: 100px;}
#tagl-pr a {color: black; font-size: 12px;}
#tagl-pr img {float: left; margin: 0 15px 0 0;}
#tagl-close { background-image: url(/themes/site/images/closepic.png); behavior:url(/themes/site/css/iepngfix.htc); width: 13px; height: 13px; right: 20px; top: 20px; position: absolute; background-repeat: no-repeat;}
#tagl-close a {display: block; width: 100%; height: 100%;}

#tagl-text {float:left; text-align: left; color: #13344B; font-size: 12px; width: 50%; padding-left: 50px; margin: 20px 0;}
#tagl-text p { float:left; clear: both;}
#tagl-img { float: right; padding-right: 10px;}
#top-shad, #back-shad {background-image:url(/themes/site/images/shad-tags2.gif); background-repeat:repeat-x; _background-position: 0 9px; position: absolute;}
#top-shad { height: 8px; width: 100%; _width: 99.8%; top: -8px; _top: -17px; left:0}
#back-shad { height: 10px; width: 100%; _width: 99.8%; background-position: 0 -8px; bottom: -10px; left: 0;}
#left-shad, #right-shad { position: absolute; background-image: url(/themes/site/images/shad-tags.gif); background-repeat: repeat-y;}
#left-shad { top: 0; left: -8px; width: 8px; height: 100%; height: expression (document.getElmentByID('#taglayer').clientHeight - 5);}
#right-shad {top: 0; right: -8px;; width: 8px; background-position: -8px; height: 100%; height: expression (document.getElmentByID('#taglayer').clientHeight - 5); }
#bottom-shad { height: 10px; width: 100%;}

/* поисковая форма */
.search {clear: both; width: 80%; height: 72px; position: relative;}
#find { width: 60px; color: black; font-size: 16px; text-align: left; float: left; height: 22px; margin-top: 16px;}
.sform {width: 80%; background-color:#00CC00; height: 10px;}
.inp { float: left; width: 58%; margin-top: 16px;}
.inp input {padding-left:5px; height: 18px; float: left; color: gray; border: 1px solid #7f9db9; height: 20px; width: 100%;}
.button {float: left; margin-top: 16px;}
.button input { width: 60px; margin-left: 10px; height: 22px;}
.example {clear: both; font-size: 11px; font-size: 11px; padding-top: 2px; color: black;}
.example p { float: left; font-size: 11px; margin-right: 10px;}
.yellow { color: #f2b010; border-bottom: 1px dashed #f2b010; float: left;}
.yellow a {text-decoration: none; border-bottom: 1px dashed #F2B010; color: #F2B010;}


.font11 { font-size: 11px;}
.font12 { font-size: 12px;}
.font14 {font-size: 14px;}
.font16 { font-size: 16px;}
.font18 {font-size: 18px;}
.font30 { font-size: 30px;}

/* правая колонка */
.right-top {text-align: left; height: 190px; margin-top: 20px; margin-left: 15%; margin-right: 5%;}
.right-top img { float: left; margin-right: 15px; text-align: left;}
.right-top p { font-size: 12px; font-style: italic; text-align: left; padding-top: 10px;}
.right-top a { clear: both; padding-top: 7px; display: block;}
.right-top a:visited { color: #f2c04b;}

.right-menu {height: 200px; margin-left: 15%;}
.icons {height: 10px;}
.icons div {margin-right: 40px; background-image: url(/themes/site/images/hms.png); background-repeat: no-repeat; width: 9px; height: 10px; float: left;}
.icons div a {display: block; width: 100%; height: 10px; clear: both;}
.icons li {list-style-type: none;}
.icons .home-act {background-position: 0px 0px; width: 11px; }
.icons .home-nact {background-position: -11px 0px; width: 11px;}
.icons .mail-act {background-position: -22px 0px; width: 12px;}
.icons .mail-nact {background-position: -34px 0px; width: 12px;}
.icons .site-act {background-position: -46px 0px; width: 9px; margin: 0;}
.icons .site-nact {background-position: -55px 0px; width: 9px; margin: 0;}
.icons .empty {background: none;}
.right-links {list-style-type: none; margin-top: 20px; list-style-position: outside; display: block;}
.right-links li {padding-bottom: 15px; text-align: left;}
.right-links a {font-size: 16px; color: white;}
.right-price { text-align: left; padding-top: 20px; font-size: 10px;}
.right-price img { margin-right: 10px; float: left;}
.right-price  a { font-size: 14px; color: white;}
.icon_t { width: 8px; height: 8px; margin-left:140px; margin-top:-8px;}

.right-picture { margin:100px 0 0 15%; width: 173px; height: 130px; background: #006633 url(/themes/site/images/dostavka.jpg) no-repeat; color: #222; font-size: 18px; text-align: left; position:relative;}
.right-picture div.txt {
	position:absolute;
	left:20px; top:15px;
}
.right-picture div.txt a {
	display:block;
	width:100%; height:100%;
	position:absolute;
	text-decoration:none;
	color:black;
}
.right-picture a {
	position:absolute;
	top:0; left:0;
	display:block;
	width:100%;
	height:100%;
}

.news { clear: both; padding-top: 50px; width: 100%; }
.news-block {text-align: left; width: 80%;}
.news-row {padding-bottom: 40px; font-size: 12px; padding-top: 0px; float: left; width: 100%;}
.news-row p, .news-row div {padding-left: 80px; line-height: 18px;}
.news-row a:visited { color: #f2c04b;}
.news-row .news-date { font-size: 10px; float: left; padding-left:0; line-height:normal;}

.news-right-img { text-align: left; margin-left: 15%;}
.news-right-img  a { font-size: 16px; color: #ff6d34; margin:5px 0 25px 0; margin-bottom: 50px;}
.news-right-img img { border: 2px solid white; padding: 2px; margin-top: 25px;}
.news-right-img p { font-size: 12px; font-style: italic; padding-top: 7px;}



/* footer */
.dotted-line {clear:both; background-image: url(/themes/site/images/dline.gif); background-position: bottom; background-repeat: repeat-x; padding-top: 30px;}
.footer {padding-top: 30px; background-image: url(/themes/site/images/footer.gif); background-position: bottom; background-repeat: repeat-x; height:165px; clear: both;}
.footer-copyr {font-size: 12px; padding-bottom: 15px; display: block; text-align: left; margin-left: 15%;}
.footer-img { margin-left: 10%; text-align: left;}
.footer-bin { margin-left: 20px; width: 30px; height: 40px; background-image: url(/themes/site/images/bin-recycle.gif);}
.footer-recycle {width: 35px; height: 40px; background-repeat: no-repeat; background-image: url(/themes/site/images/bin-recycle.gif); background-position: -31px 0px; margin-left: 90px; margin-top: -40px;}

.footer-center {width: 80%; text-align: left;}
.footer-center a { font-size: 11px; display:block; float: left; margin-bottom: 7px;}
.footer-center a:visited { color: #f2c04b;}
.footer-center p {font-size: 11px; font-weight: bold; margin-bottom: 2px; clear: both;}
.font16 {font-size: 16px; font-weight: normal}
.font24 {font-size: 24px; font-weight: normal;}

.footer-arts { font-size: 12px; margin-left: 15%; position:relative;}
.footer-arts img {clear: both; padding-top: 10px;}

.footer-cut { width: 44px; height: 29px; position: absolute; left: 0; top: -60px; padding-top: 50px; background-image: url(/themes/site/images/nojnicy.gif); background-repeat: no-repeat;}

.seo-cont {position:relative; height:60px;}
.seo-link {position:absolute; width:450px; padding:0; margin:0; font-size:0.9em; margin-top:15px;}
.seo-link a {float:none; display:inline; white-space:nowrap;}

/* SEO */
.scroll-controls {position:relative; margin-top:15px; float:left; height:70px; z-index:10;}
.up-arr {position:absolute; top:2px; left:432px;}
.down-arr {position:absolute; bottom:2px; left:432px;}
/*---*/