@charset "utf-8";
/* CSS Document */

html, body {width:100%; height:100%; margin:0;}
body {
        font-family:Tahoma, Geneva, sans-serif;
        font-size:12px;
        color:#000;
        background:#FFF;
        }

.root { width:965px; min-height:100%; margin:0 auto; background:url(/i/bg/background_03_repeat.jpg) repeat-y left;}
.root_bg_left { background:url(/i/bg/background_03.jpg) no-repeat; background-position:0 60px; min-height:690px;}

.maxwidth { width:965px; margin:0px auto; padding:0px 0px}


.cb { clear:both; width:0px; height:0px; font-size:0px}
.ac { text-align:center;}
.f_left { float:left;}
.f_right { float:right;}
.hr { background:#CACACA; width:1px; height:0px; font-size:0px;}
.news_hr { height:10px; font-size:0px;}
.news_bar_hr { height:8px; font-size:0px;}
.news_all {padding: 15px 0px 0px 15px;}

/* -------------- All (text) -------------- */
p, img, h1, h2, h3, h4, h5, h6, ul ,li 
        {
        margin:0px;
        padding:0px;
        line-height:100%;
        font-weight:normal;
        }
        ul { padding-left:20px;}
        img { border:none;}

table { border-collapse:collapse; border-spacing:0;}
table td { padding:0px; vertical-align:top}

h1 { font-size:24px;}
h2 { font-size:18px;}
h3 { font-size:18px; padding:0px 0px 10px 0px;}
h4 { font-size:12px;}
h5 { font-size:11px;}
h6 { font-size:10px;}
h1, h2, h3, h4, h5, h6 { font-style:italic; font-weight:normal; color:#5f5f5f; font-family:Georgia;}

/* -------------- content (text) -------------- */
.content { color:#000; font-size:12px; padding:15px;}
.content p, .content img, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content ul, .content li 
        {
        margin:0px;
        padding:0px;
        line-height:150%;
        }
        .content ul { padding-left:20px;}
        .content img { border:none; margin:2px;}

.content p { padding-bottom:0px;}

.content table { border-collapse:collapse; border-spacing:0;}
.content table td { padding:2px 2px 2px 2px;}

.content h1 { font-size:24px; padding:0px 0px 10px 0px; font-weight:bold;}
.content h2 { font-size:18px; padding:0px 0px 10px 0px; font-weight:bold;}
.content h3 { font-size:18px; padding:0px 0px 10px 0px;}
.content h4 { font-size:12px; padding:0px 0px 10px 0px; font-weight:bold;}
.content h5 { font-size:11px; padding:0px 0px 10px 0px; font-weight:bold;}
.content h6 { font-size:10px; padding:0px 0px 10px 0px; font-weight:bold;}

.content div.list20 { padding: 5px 10px 0px 20px;}
.content div.list30 { padding: 5px 10px 5px 30px;}

/* -------------- Ссылки и цвет -------------- */

a, a:hover { color:#a800ee; text-decoration:underline;}
a:hover { text-decoration:none;}

a.a_nn, a.a_nn:hover { text-decoration:none;}
a.a_uu, a.a_uu:hover { text-decoration:underline;}

a.a_nu, a.a_nu:hover { text-decoration:none;}
a.a_nu:hover { text-decoration:underline;}

a.a_un, a.a_un:hover { text-decoration:underline;}
a.a_un:hover { text-decoration:none;}

a.a_white, a.a_white:hover { color:#FFFFFF}
a.a_red, a.a_red:hover { color:#FF0000}
a.a_green, a.a_green:hover { color:#00CC00}
a.a_blue, a.a_blue:hover { color:#0000FF}

.c_white { color:#FFFFFF}
.c_red { color:#FF0000}
.c_green { color:#00CC00}
.c_blue { color:#0000FF}

.small { font-size:10px }

.bg_white { background:#FFFFFF}
.bg_red { background:#FF0000}
.bg_green { background:#00CC00}
.bg_blue { background:#0000FF}

.h10 { height:10px;}
.h20 { height:20px;}
.h30 { height:30px;}


/* -------------- forma -------------- */
input, textarea, select { margin:1px 0px; outline:none; background:#FFFFFF; border:solid 1px #CACACA;}
textarea { height:100px;}
input[type=radio],input[type=checkbox] { outline:none;}

.form input, .form textarea, .form select { width:320px;}
.form td { padding:5px 5px; vertical-align:middle;}
.form .content { padding:0px 5px;}
.form .error { font-size:10px; color:#F00;}
.form .table_check_boxs input { width:auto; position:relative; top:2px; margin:5px 5px 5px 0;}
.form .table_check_boxs td { vertical-align:top;}
.form .table_check_boxs .name {padding:10px 0 10px 0; font-weight:bold;}
.form .table_check_boxs { width:100%;}
/* -------------- button -------------- */
.button {background:none; border:none; cursor:pointer;}
.button span { background:url(/_design//i/head_center/img_13.png) no-repeat center; display:block; width:103px; height:30px;line-height:26px; font-size:14px; font-style:italic; color:#5f5f5f;}

/* -------------- Старая версия IE -------------- */
.message_no_ald_ie { padding:10px; min-width:1000px; max-width:100%; margin:0px autoж}
.message_no_ald_ie_in { border:solid 1px; padding:10px; }
.message_no_ald_ie a { text-decoration:underline;}
.message_no_ald_ie a:hover { text-decoration:none;}
.message_no_ald_ie .content {}
.message_no_ald_ie .content a, .message_no_ald_ie .content a:hover {}

/* -------------- Шапка -------------- */
.head { height:60px; overflow:hidden; font-family:Arial; background:#FFF}
.head .left { float:left; color:#808080; font-style:italic;}
.head .left img { margin:10px 0px 2px 5px;}
.head .right { float:right; padding:15px 0 0 0; font-size:11px;}
.head .right p{ line-height:120%;}

/* -------------- 2 колонки -------------- */
.two_cols {}
.two_cols_in { display:inline-block; width:100%;}

.col_left { width:234px; float:left;}
.col_left_in { width:100%; display:inline-block;}

.col_right { margin-left:234px;}
.col_right_in { width:100%; display:inline-block;}


/* -------------- Левое меню -------------- */
.left_menu { padding:10px 0 0 0;}
.left_menu a, .left_menu a:hover, .left_menu span {
        display:block;
        height:23px;
        text-align:right;
        padding:0 10px 0 0;
        line-height:20px;
        color:#FFF;
        font-family:Arial;
        font-size:13px;
        text-decoration:none;
        }
.left_menu a:hover, .left_menu span { background:url(/i/bg/left_menu_03.png) no-repeat left center; color:#000;}

.left_menu_sep { padding-top: 10px; padding-bottom: 8px;}

/* -------------- Левое меню (низ) -------------- */

.left_menu_bottom {padding-bottom:60px;}
.left_menu_bottom a { margin:0px 0px; margin-left:auto; width:65px;}
.left_menu_bottom img { margin:5px 10px; margin-left:auto; width:65px;}
.left_menu_bottom p { text-align:right}



.left_menu_bottom a.icon1, .left_menu_bottom a.icon1:hover { display:block;  height:23px;}


.left_menu_bottom a.icon2, .left_menu_bottom a.icon2:hover { display:block; height:14px;}


.left_menu_bottom a.icon3, .left_menu_bottom a.icon3:hover { display:block; height:27px;}


.left_menu_bottom a.icon4, .left_menu_bottom a.icon4:hover { display:block; height:14px;}


.left_menu_bottom a.icon5, .left_menu_bottom a.icon5:hover { display:block;  height:24px;}


.left_menu_bottom a.icon6, .left_menu_bottom a.icon6:hover { display:block;  height:31px;}


.left_menu_bottom a.icon7, .left_menu_bottom a.icon7:hover { display:block; height:16px;}


/* -------------- Главная -------------- */
.big_image { background:url(/i/index/image_04.jpg) no-repeat top left; height:328px;}

.button_play { background:url(/i/index/button_price_h.png) no-repeat center left; width:210px;  height:28px; float:left; margin:260px 15px 0 10px; position: absolute;}
.button_play a, .button_play a:hover {  display:block;  width:100%;     height:100%;    background:url(/i/index/button_price.png) no-repeat center left;    }
.button_play a:hover { background:none;}

.button_offer { background:url(/i/index/button_offer_h.png) no-repeat center left; width:210px;  height:28px; float:left; margin:40px 15px 0 10px; position: absolute;}
.button_offer a, .button_offer a:hover {  display:block;  width:100%;     height:100%;    background:url(/i/index/button_offer.png) no-repeat center left;    }
.button_offer a:hover { background:none;}


/* -------------- Фон с азванием страницы -------------- */
.page_name {
        background:url(/i/bg/page_name_11.png) no-repeat left top;
        width:451px;
        height:38px;
        text-align:right;
        color:#FFF;
        text-align:right;
        font-size:30px;
        font-family:Arial;
        padding:10px 15px 0 0;
        line-height:28px;
        }
        
/* -------------- Навигатор -------------- */  
.navigator { font-size:10px;  border-bottom:solid 1px #666666; margin:15px 0px 0 15px;}


/* -------------- Футер (слева) -------------- */     
.footer {
                background:url(/i/bg/background_08.png) no-repeat left top;
                width:224px;
                min-height:84px;
                padding:2px 10px 2px 0px;
                position:relative;
                color:#FFF;
                font-family:Arial;
                font-size:12px;
                text-align:right;
                }
.footer p { margin-top: 3px }
.footer_left_content { height:0px;}
/* -------------- Футер (справа) -------------- */   
.footer_content { background:url(/i/bg/background_07.jpg) no-repeat left top; min-height:84px; font-size:10px; padding:6px 15px;}
.logo_footer { float:left; padding:0 0 3px 0;}
.menu_footer { text-align:right;}
.menu_footer a, .menu_footer a:hover { padding:0px 5px; color:#000; text-decoration:none;}
.menu_footer a:hover { text-decoration:underline}



.menu_right_top {color:#808080; font-family:Arial; padding:15px 0px 15px 10px; font-size:14px;}
.menu_right_top a, .menu_right_top a:hover, .menu_right_top span {color:#808080; font-family:Arial; padding:3px 5px 5px 5px; text-decoration:none;}
.menu_right_top a:hover, .menu_right_top span { background:url(/i/bg/menu_right_top_hover_03.png) no-repeat center; color:#000;}



.cards_list { padding:15px 0 30px 0;}
.cards_list li { display:block; float:left; width:29%; text-align:center; padding:0 2%; background:url(/i/catalog/border_06.png) repeat-y right;}
.cards_list li:last-child { background:none;}
.cards_list .button { margin:15px 15px 0 15px;}
.cards_list .image img { margin:0 15px 15px 15px;}
.cards_list .text { text-align:left; font-size:10px; color:#666; height:100px; overflow:hidden;}
.cards_list .text p { padding-bottom:5px;}


h1.card_name { font-family:Arial; color:#000; padding:30px 0 0 15px; font-style:normal;}

.Bold
{
        font-weight: bold;
}

.Italic
{
        font-style: italic;
}

.Underline
{
        text-decoration: underline;
}

.StrikeThrough
{
        text-decoration: line-through;
}

.Subscript
{
        vertical-align: sub;
        font-size: smaller;
}

.Superscript
{
        vertical-align: super;
        font-size: smaller;
}

/**
 * Font faces.
 */

.FontComic
{
        font-family: 'Comic Sans MS';
}

.FontCourier
{
        font-family: 'Courier New';
}

.FontTimes
{
        font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
        font-size: smaller;
}

.FontLarger
{
        font-size: larger;
}

.FontSmall
{
        font-size: 8pt;
}

.FontBig
{
        font-size: 14pt;
}

.FontDouble
{
        font-size: 200%;
}

/**
 * Font colors.
 */
.FontColor1
{
        color: #ff9900;
}

.FontColor2
{
        color: #0066cc;
}

.FontColor3
{
        color: #ff0000;
}

.FontColor1BG
{
        background-color: #ff9900;
}

.FontColor2BG
{
        background-color: #0066cc;
}

.FontColor3BG
{
        background-color: #ff0000;
}

/**
 * Indentation.
 */

.Indent1
{
        margin-left: 40px;
}

.Indent2
{
        margin-left: 80px;
}

.Indent3
{
        margin-left: 120px;
}

/**
 * Alignment.
 */

.JustifyLeft
{
        text-align: left;
}

.JustifyRight
{
        text-align: right;
}

.JustifyCenter
{
        text-align: center;
}

.JustifyFull
{
        text-align: justify;
}

/**
 * Other.
 */

code
{
        font-family: courier, monospace;
        background-color: #eeeeee;
        padding-left: 1px;
        padding-right: 1px;
        border: #c0c0c0 1px solid;
}

kbd
{
        padding: 0px 1px 0px 1px;
        border-width: 1px 2px 2px 1px;
        border-style: solid;
}

blockquote
{
        color: #808080;
}