/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Instalograd
Primary Use:      Screen
Version:          1.0
Date:             08.09.2009.
Last Change:      10.09.2009.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/******************************************************************************/
/******* TYPO *****************************************************************/
/******************************************************************************/
body  { font-family: Arial, sans-serif; }

h1, .alt-big-01    { font-size: 24px; line-height: 26px; color: #000; font-weight: bold; }

/* header typo */
#header a           { text-decoration: none; }
#header .on a,
#header a:hover     { color: #ec2028 !important; }
#header .top-nav a  { font-size: 11px; color: #000000; }
#header .nav a      { font-size: 13px; line-height: 18px; color: #707276; font-weight: bold; }

/* box typo */
.box .tabs a    { font-size: 13px; color: #707276; font-weight: bold; text-decoration: none; }
.box .tabs span { font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none; }

.box .layout-1 .more          { font-size: 11px; color: #ec2028; font-weight: bold; text-decoration: none; line-height: 14px; }
.box .layout-1 .list a        { font-size: 12px; line-height: 14px; color: #000; font-weight: bold; text-decoration: none; }
.box .layout-1 .list a:hover  { color: #ec2028;}

.box .layout-2 .more          { font-size: 12px; color: #000; font-weight: bold; text-decoration: none; line-height: 14px; }
.box .layout-2 .type-2 a      { font-size: 11px; line-height: 11px; color: #686868; text-decoration: none; }
.box .layout-2 .type-2 strong,
.box .layout-2 .type-2 span b { font-size: 13px; line-height: 15px; color: #000; font-weight: bold; }

/* text typo */
.text         { font-size: 13px; line-height: 19px; color: #333; }
.text h2      { font-size: 20px; line-height: 22px; color: #333; font-weight: bold; }
.text h2 span { color: #686868; }
.text h1 em,
.text h2 em   { font-size: 13px; font-style: normal; }
.text a       { color: #ec2028; text-decoration: none; }
.text a:hover { color: #000; }

/* left block */
.block-left dl        { line-height: 13px; }
.block-left dt,
.block-left h2        { font-size: 10px; color: #333; }
.block-left dd strong { font-size: 11px; line-height: 12px; color: #231f20; font-weight: bold; }
.block-left dd ul     { font-size: 10px; color: #7c7c7c; }
.block-left .contact  { font-size: 11px; line-height: 13px; color: #231f20; }
.block-left a         { color: #ec2028; text-decoration: none; }
.block-left .contact a:hover { color: #000; }

/* scrolling box typo */
.scrolling-box div span,
.scrolling-box a  { font-size: 13px; line-height: 16px; color: #000; font-weight: bold; text-decoration: none; } 

/* downloads typo */
.downloads            { line-height: 13px; }
.downloads dt         { font-size: 10px; color: #333; }
.downloads dd strong  { font-size: 11px; color: #231f20; font-weight: bold; }
.downloads dd ul      { font-size: 10px; color: #7c7c7c; }
.downloads dd ul a    { color: #ec2028; text-decoration: none; }

/* tables typo */
.tbl-type-1   { font-size: 11px; line-height: 16px; color: #333; }

/* contact form typo */
#contact-form h2        { font-size: 13px; color: #000; font-weight: bold; }
#contact-form label     { font-size: 11px; color: #707276; font-weight: bold;}
#contact-form .txt,
#contact-form textarea  { font-size: 12px; color: #333; font-family: Arial, snas-serif; }
#contact-form button    { font-size: 12px; color: #000; font-weight: bold;}

/* footer typo */
#footer a       { color: #707276; font-size: 11px; line-height: 13px; text-decoration: none; }
#footer .on a,
#footer a:hover { color: #ec2028; }

#sub-footer a       { font-size: 11px; color: black; text-decoration: none; font-family: "Trebuchet MS", arial, sans-serif; }
#sub-footer span,
#sub-footer a:hover { color: red; }

#sub-footer p { font-size: 11px; color: #999; }

/******************************************************************************/
/******* LAYOUT ***************************************************************/
/******************************************************************************/

/* header */
#header         { margin-bottom: 29px; }
.home #header   { background: url(../images/header-bkg.gif) bottom center no-repeat;  }
#header .inner  { width: 958px; margin: 0px auto; padding: 1px 7px 0 0; position: relative; }

.logo       { float: left; margin: 52px 0 22px 0; }

.top-nav ul { position: absolute; top: 3px; right: 7px; overflow:hidden; }
.top-nav li { float: left; background: url(../images/top-nav-separator.gif) left 5px no-repeat; padding-left: 7px; margin-left: 6px; }
.top-nav #first-01 { background: none; }

.nav    { float: right; margin-top: 72px; }
.nav li { float: left; background: url(../images/nav-separator.gif) left 5px no-repeat; padding-left: 11px; margin-left: 10px; }
.nav #first-02 { background: none; }

/* content */
#container  { width: 965px; margin: 0px auto 40px auto; overflow: hidden; zoom: 1; clear: left; }

#column-1   { width: 692px; float: left; }
#column-2   { width: 260px; float: right; }

.wrapper        { padding: 20px 32px 0 30px; background: url(../images/h1-bkg.jpg) top left no-repeat; zoom: 1; }
h1, .alt-big-01 { margin-bottom: 30px; }
h1.noshow       { display: none; }

/* flash */
.flash-gallery img    { display: block; }
.flash-replaced .alt  { display:none; }

#flash-header     { clear: left; height: 343px; background:url(../images/pictures/flash-header-rpl.jpg); position: relative; }
#flash-header div { height: 343px; width: 689px; }
#flash-header a   { display: block; position: absolute; text-indent: -9999px; top: 0; right: 0; width: 250px; height: 343px; }

.flash-gallery,
#showroom-flash { margin-bottom: 25px; }

/* google map */
#google-map     { border: 3px solid #dedede; margin-top: 40px; width: 434px; height: 380px; }
#google-map-big { border: 3px solid #dedede; margin-top: 40px; width: 686px; height: 380px; }

#google-map div,
#google-map-big div { margin: 0; padding: 0; line-height: 11px; }

/* box */
.box    { margin-bottom: 20px; border-top: 1px solid #dedede; }

.box .tabs          { overflow: hidden; zoom: 1; padding-top: 8px; display: none; }
.box .tabs li       { float: left; width: 171px; background: url(../images/tabs-bkg.gif) bottom left repeat-x; border: 1px solid #dedede; border-right: 1px solid #fff; }
.box .tabs li.last  { border-right: 1px solid #dedede; }
.box .tabs li.big   { width: 344px; }
.box .tabs span     { display: block; text-align: center; padding: 9px 0; background: #231f20; }
.box .tabs a        { display: block; text-align: center; padding: 9px 0; position: relative; zoom: 1; cursor: pointer; }
.box .tabs .on a,
.box .tabs li.over a,
.box .tabs li:hover a  { background: url(../images/nav-on-bkg.gif) top left no-repeat; padding: 17px 0 10px 0; margin: -8px 0 -1px; }

.js .box        { border-top: none; }
.js .box .tabs  { display: block; }

.box .block     { border: 1px solid #dedede; border-top: none; overflow: hidden; zoom: 1; position: relative; }
.js .box .block { display: none; }
.js .box .active,
.box .active    { display: block; }
.box .border    { border-top: 1px solid #dedede; }

.box .layout-1          { padding: 1px; }
.box .layout-1 .inner   { padding: 32px 175px 0 28px; height: 185px; background: url(../images/layout-1-list-bkg.jpg) top right no-repeat; overflow: hidden; zoom: 1;  }
.box .layout-1 .text    { width: 280px; float: left; }
.box .layout-1 .list    { width: 175px; float: right; border-top: 1px dashed #dedede; margin: 18px 0px 0 0; }
.box .layout-1 .list li { border-bottom: 1px dashed #dedede; padding: 7px 12px; }
.box .layout-1 .list a  { background: url(../images/arrow-2.gif) left 2px no-repeat; padding-left: 17px; }
.box .layout-1 .list a:hover  { background-image: url(../images/arrow-1.gif); }
.box .layout-1 .more    { background: url(../images/arrow-1.gif) left 2px no-repeat; padding-left: 13px; }

.box .layout-2                { padding: 22px 14px 0 29px; }
.box .layout-2 .img-block     { float: right; margin: 0 0 35px 20px; }
.box .layout-2 .img-block img { display: block; }
.box .layout-2 .text          { zoom: 1; }
.box .layout-2 .scroller      { overflow: hidden; zoom: 1; margin: 0 0 11px 22px; width: 596px; height: 152px; }
.box .layout-2 .type-2        { margin: 0 0 11px 15px; width: 612px; }
.box .layout-2 .scroller ul   { width: 10000px; list-style: none; margin: 0; }
.box .layout-2 .scroller li   { float: left; }
.box .layout-2 .type-1 a      { display: block; background: url(../images/layout-2-li-bkg.jpg); padding: 4px; width: 130px; height: 64px; margin: 0 11px 4px 0; }
.box .layout-2 .type-2 a      { display: block; background: url(../images/layout-2-li-bkg-2.jpg); padding: 12px 4px 4px 4px; width: 91px; height: 136px; margin-right: 3px; text-align: center; }
.box .layout-2 .type-2 img    { display: block; margin: 0px auto 5px auto; }
.box .layout-2 .type-2 a:hover img,
.box .layout-2 .type-2 span         { display: none; }
.box .layout-2 .type-2 a:hover span { display: block; }
.box .layout-2 .type-2 span   { height: 54px; background: url(../images/layout-2-type-2-span-bkg.jpg) bottom left repeat-x; margin: -8px 0 5px 0; padding-top: 45px; }
.box .layout-2 .type-2 span b { display: block; background: url(../images/download-icon.gif) 10px top no-repeat; }
.box .layout-2 .button        { display: block; position: absolute; top: 122px; cursor: pointer; }
.box .layout-2 .next          { right: 11px; }
.box .layout-2 .back          { left: 11px; }
.box .layout-2 .more          { background: url(../images/arrow-2.gif) left 3px no-repeat; padding-left: 13px; position: absolute; right: 20px; bottom: 10px; }
.box .layout-2 strong         { font-weight:bold; }

/* text */
.wrapper .text  { margin-bottom: 40px; }
.text h1 em,
.text h2 em     { display: block; }
.text h2,
.text p         { margin-bottom: 12px; }
.text ul        { margin: 0 0 12px 25px; list-style: disc; }

.block-right    { width: 440px; float: right; padding-left: 17px; margin-left: -1px; border-left: 1px solid #dedede; }

/* left block */
.block-left   { width: 162px; padding-right: 10px; float: left; border-right: 1px solid #dedede; }

.block-left dl          { border-bottom: 1px solid #dedede; margin-bottom: 25px; }
.block-left dl dt       { margin-bottom: 8px; }
.block-left dl strong   { background: url(../images/icon-pdf.jpg) top left no-repeat; display: block; padding-left: 38px; min-height: 24px; margin-bottom: 15px; }
.block-left dl ul       { overflow: hidden; zoom: 1; }
.block-left dl li       { float: left; padding: 0 5px 2px; border-right: 1px solid #dedede; }
.block-left dl li.big   { width: 65px; padding: 0 0 2px; text-align: center; }
.block-left dl li.last  { border: none; padding-right: none; }
.block-left dl .more    { background: url(../images/arrow-1.gif) right 2px no-repeat; padding-right: 13px; }

.block-left .contact    { border-bottom: 1px solid #dedede; margin-bottom: 25px; }
.block-left .contact h2 { margin-bottom: 8px; }
.block-left .contact p  { margin-bottom: 10px; }
.block-left .info       { background: url(../images/icon-info.gif) top left no-repeat; padding-left: 38px; }

.block-left .banners    { border-bottom: 1px solid #dedede; }
.block-left .banners h2 { margin-bottom: 20px; }
.block-left .banners li { text-align: center; margin-bottom: 20px; }

/* side banner */
.banner     { display: block; margin-bottom: 18px; }
.banner img { display: block; }

.catalog_banner     { display: block; margin: -20px 0 18px -2px; }
.catalog_banner img { display: block; }

/* scrolling box */
.scrolling-box        { border: 1px solid #dedede; width: 252px; margin-bottom: 20px; }
.scrolling-box .inner { background: url(../images/scrolling-box-bkg.jpg) top left no-repeat; margin: -1px -4px 0 -4px; width: 260px; position: relative; }
.scrolling-box .wrapp     { background: url(../images/scrolling-box-bkg-2.jpg) 4px bottom no-repeat; padding: 10px 11px 2px 11px; }
.scrolling-box .scroller  { height: 152px; overflow: hidden; zoom: 1;  }
.scrolling-box ul li      { margin-bottom: 7px; zoom: 1; }
.scrolling-box ul img     { display: block; margin-bottom: 10px; }
.scrolling-box ul span    { display: block; background: url(../images/arrow-2.gif) left 2px no-repeat; padding-left: 17px; margin: 0 1px; height: 40px; zoom: 1; }

.scrolling-box .controls      { height: 30px; padding-top: 10px; background: url(../images/scrolling-box-bkg-3.jpg) 3px bottom no-repeat; margin-bottom: -5px; text-align: center; }
.scrolling-box .controls img,
.scrolling-box .controls span { margin: 0 5px; }
.scrolling-box .controls img  { cursor: pointer; }

/* downloads */
.downloads          { border-top: 1px solid #dedede; }
.downloads dt       { background: #fff; float: left; padding: 0 5px 0 2px; margin-top: -6px; }
.downloads dd       { overflow: hidden; zoom: 1; border-bottom: 1px solid #dedede; clear: left; padding: 7px 0 11px 0; }
.downloads dd ul    { float: right; padding-top: 6px; }
.downloads dd li    { float: left; background: url(../images/downloads-separator.gif) top left no-repeat; padding: 0 10px; }
.downloads dd li a  { display: block; padding-right: 13px; background: url(../images/arrow-1.gif) right 1px no-repeat; }
.downloads strong   { background: url(../images/icon-pdf.jpg) top left no-repeat; display: block; padding: 6px 0 5px 38px; }

/* tables */
.tbl-type-1     { border-spacing: 13px; margin: -13px; }
.tbl-type-1 td  { border: 1px solid #dedede; width: 199px; padding: 1px; }
.tbl-type-1 img { display: block; }
.tbl-type-1 p   { margin: 6px; }

/* contact form */
#contact-form           { border: 1px solid #dedede; width: 252px; margin-bottom: 20px; }
#contact-form fieldset  { background: url(../images/scrolling-box-bkg-4.jpg) 4px bottom no-repeat; margin: -1px -4px -5px -4px; width: 260px; position: relative; }
#contact-form h2        { background: url(../images/scrolling-box-bkg.jpg) top left no-repeat; padding: 25px 4px 25px 27px; zoom: 1; }
#contact-form div       { padding: 0 0 25px 30px; overflow: hidden; zoom: 1; }
#contact-form label     { display: block; padding: 0 0 6px 3px; }
#contact-form em        { color: red; }
#contact-form .txt      { display: block; border: 2px solid #d9dadc; padding: 3px 3px 2px; width: 188px; background: url(../images/text-field-bkg.gif) top left no-repeat; margin-bottom: 8px; }
#contact-form div .area { padding: 0; border: 2px solid #d9dadc; width: 194px; margin-bottom: 8px; }
#contact-form textarea  { overflow: auto; padding: 3px 3px 2px; border: none; width: 188px; height: 282px; background: url(../images/text-field-bkg.gif) top left no-repeat; }
#contact-form div .captcha-img  { display: block; margin-bottom: 15px; }
#contact-form div button        { background: url(../images/button-bkg.jpg); width: 85px; height: 31px; float: right; margin-right: 28px; cursor: pointer; }
#contact-form .error    { background: #ffc5c5; }

/* footer */
#footer     { background: #eeeeee url(../images/footer-bkg.gif) top left repeat-x; padding: 4px 0 15px 0; }
#footer div { width: 965px; margin: 0px auto; overflow: hidden; zoom: 1; background: url(../images/footer-separator.gif) left 8px no-repeat; }

#footer ul    { float: left; width: 117px; padding: 6px 0 9px 21px; }
#footer ul ul { padding: 0 0 0 12px; }
#footer .contact { font-size:11px; color:#707276; width:125px; line-height:16px; }

#sub-footer     { background: url(../images/footer-bkg-2.gif) top left repeat-x; }
#sub-footer div { width: 965px; margin: 0px auto; padding: 10px 0 30px 0; }
#sub-footer a   { float: left; }
#sub-footer p   { text-align: center; }