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

* { margin:0; padding:0;}

#body { background-image:url(/images/body_bg_01.png); background-repeat:repeat-x; background-color:#d4d4d4; font-family: Helvetica, sans-serif;font-size:12px;color:#3e3e3e;}

#body_div { width:100%; height:100%; background-image:url(/images/body_bg_footer_04.png); background-position:bottom; background-repeat:repeat-x;}

#main { margin:0 auto; width:873px;}

#warper { width:858px; height:151px; background-image:url(/images/warper_bg_02_03.png); background-repeat:repeat-x; margin:0 auto;}

#warper_vnt { background-image:url(/images/warper_nadpos_next_02-2.png); background-repeat:no-repeat; background-position:left; width:858px; height:151px;}

#warper_vvod {padding-top:20px;}

#warper_vnt p { color:#FFF; text-align:right; display:block; margin-top:7px;}

#warper_vnt p a img {margin-left:10px;}

#warper_vnt p a { color:#FFF;}

li { list-style:none; float:left;}

.warper_spisok { display:block; text-decoration:none; color:#000; float:left; margin-left:20px; margin-top:13px; font-size:12px; text-transform:uppercase;}
.warper_spisok:hover { color:#FFF;}
#sel {background-color:#313131; color:#f26522;}


#images { width:873px;  background-image:url(/images/bg_1_1.png);background-repeat:no-repeat; background-position:0px 278px;  height:468px; margin:0 auto; }

#images_poloska_verh { background-image:url(/images/images_poloska_verh_06.png); background-position:10px top; background-repeat:no-repeat; width:855px; height:34px;}

#images_poloska_niz { width:855px;background-color:#fff;}

#strelka_left { float:left; margin-top:95px; margin-left:20px;}
#strelka_right { float:right; margin-top:95px; margin-right:20px;}
a img { border:0;}

#footer { width:873px; height:60px; background-image:url(/images/footer_bgr_05.png); background-repeat:no-repeat; overflow:hidden; z-index:1;}

#foter_poloska_verh {width:873px; height:60px; background-image:url(/images/footer_poloska_verh_13.png); background-repeat:no-repeat; background-position:top;}

#content { width:873px; background-image:url(/images/content_poloska_13.png); background-repeat:repeat-y;}
														
#content_left_main { width:542px; float:left; margin-left:30px;}

#commencez-recherche { width:542px; height:28px;}

#commencez { height:28px; width:398px; background-image:url(/images/commencez_poloska_10.png); background-repeat:repeat-y; float:left;}

#commencez_text { display:block; color:#FFF; font-size:16px; margin-left:10px; height:28px; line-height:28px; font-weight: bold;}

#recherche { width:144px; height:28px; background-image:url(/images/recherche_poloskar_11.png); background-repeat:repeat-y; float:left;}

#recherche_text { display:block; color:#FFF; font-size:12px; width:144; text-align:center; height:28px; line-height:28px; text-decoration:none;}

#notre { width:542px; height:28px; background-image:url(/images/notre_poloska_29.png); background-repeat:repeat-x; margin-bottom:6px;}

#notre_text { display:block; color:#f47227; font-size:16px; margin-left:10px; height:28px; line-height:28px; font-weight: bold;}

#content_right_main { width:251px; float:left; margin-top:20px; margin-left:20px;}

#content_right_main_menu { width:251px; margin-top:10px;}

#fournis { width:251px; height:29px; background-image:url(/images/fournis_poloska_06.png); background-repeat:repeat-x;}

#fournis_text { display:block; color:#f47227; font-size:16px; width:251px; text-align:center; height:28px; line-height:28px; font-weight: bold;}

#temnay_poloska { width:251px; background-image:url(/images/content_temnay_poloska_19.png); overflow:hidden;}

#svetlay_poloska { width:251px;background-image:url(/images/content_svetlay_poloska_26.png); overflow:hidden;}

#voir {width:251px; height:29px; background-image:url(/images/voir_plas_poloska_10.png); background-repeat:repeat-y;}

#voir_text {display:block; color:#ffffff; font-size:14px; width:251px; text-align:center; height:28px; line-height:28px;}

#shernuy_kvadrat { width:251px; margin-top:10px; margin-bottom:10px;}

#conception { float:left; width:151px;}

#conception p { display:block; width:138px; line-height:20px; margin-left:10px; margin-bottom:5px; margin-top:5px; overflow:hidden;}

#zvezda { float:left; width:100px; height:30px;}

#zvezda img { margin-top:6px;}

#region { float:left;}

#secteur { float:left;}

#go { float:left;}

#text { line-height:25px; margin:6px;}

#vvod { margin-top:10px;}

#notre { margin-top:20px;}
														
#footer_nadpis { float:left; margin:6px;}

#footer_rihht { float:right;  height:54px;}

#spisok_foter { margin-top:10px; list-style:none; text-decoration:none;}

#s { text-decoration:none; color:#ffffff;}

#last { color:#ffffff; text-decoration:none; text-align:right;}

#left_temnay { text-align:justify; padding:10px 10px 10px 60px; width:532; min-height:71px; background-color:#dedede; background-image:url(/images/q_03.png); background-position:left top; background-repeat:no-repeat;}
#left_svetlay {text-align:justify; padding:10px 10px 10px 60px; width:532; min-height:71px; background-color:#ededed; background-image:url(/images/a_05.png); background-position:left top; background-repeat:no-repeat;}

#orange_link { background-image:url(/images/bg_1_10.png); background-repeat:repeat-y; width:542px; height:30px; text-align:center; color:#FFF;}

#orange_link a { text-decoration:underline; color:#FFF; text-transform:uppercase; line-height:30px;}

a { text-decoration:underline; color:#f79633;}

#cont  label{
width:120px;
display:block;
float:left;
height:18px;
margin-top:4px;
}
#cont input.a {
width:300px;
height:18px;
border:1px;
border-style:solid;
margin-top:4px;
}
#cont input.b {
margin-left:300px;
margin-top:5px;
}

#cont textarea {
width: 300px;
border:1px;
border-style:solid;
height:100px;

}
#cont_r input.c {
float:left;
height:18px;
margin-top:4px;
border:1px;
border-style:solid;
}

#cont_r  label{
width:130px;
display:block;
float:left;
height:18px;
margin-top:4px;
padding-left:5px;
}
#cont_r .a {
width:200px;
height:18px;
border:1px;
border-style:solid;
margin-top:4px;
}
#cont_r input.b {
margin-top:5px;
}

#content_center { width:812px; margin:0 auto;}

#img_black_pr { margin:10px 0;}

#cont_commences { width:668px; height:28px; background-image:url(images/srerch_orange_line_06.png); background-repeat:repeat-y; float:left;}

#cont_rechercher_avances { width:144px; height:28px; background-image:url(images/rechercher_avances_07.png); background-repeat:repeat-y; float:left;}

#cont_comm_text { text-transform:uppercase; line-height:28px; margin-left:10px;}

#comm_recher_ssulka { display:block; height:28px; text-decoration:none; text-transform:uppercase; line-height:28px; margin-left:10px; font-size:12px; color:#fff;}

#cont_ournisseurs { width:812px; height:28px; background-image:url(images/fournisseurs_line_09.png); background-repeat:repeat-x; margin-top:10px; padding-bottom:10px;}

#cont_ournisseurs_text {text-transform:uppercase; line-height:28px; margin-left:10px; color:#f47227;}

#img_temn_poloska { width:792px; padding:10px; background-color:#dedede}

#img_black_kv { width:113px; height:82px; float:left; }

#content_poloska_cont { width:779px;}

#conceptionfocus { min-width:172px; height:35px; margin-left:20px; padding-left:10px; line-height:35px; font-size:20px; float:left;}

#img_zvez_t { float:left; margin-top:10px; margin-left:3px;}

#cont_temnpol_a { float:right; text-align:right; margin-top:5px; font-size:18px; color:#9F3; }

#cont_pol_text { float:left; width:639px; margin-left:20px;}

#ssulka_cont_pol { color:#f57829; text-align:right;}

#img_svetl_poloska { width:792px; padding:10px; background-color:#ededed;}

#virplasde { width:812px; height:28px; background-image:url(images/voirplasde_16.png); background-repeat:repeat-y;}

#virplasde_text { display:block; width:812px; height:28px; line-height:28px; text-transform:uppercase; text-align:center; color:#FFF;}

#company_page{ width:812px; background-color:#dedede; margin-bottom:20px;}

#company_page_left { width:245px; float:left; padding:10px;}

#company_page_black_square { width:245px; margin-bottom:10px;}

#small_square { width:75px; height:75px; float:left;}

#company_page_right { width:530px; float:left;}

#company_page_right_text { float:left; width:520px; margin-left:20px;}

#contacter_ce { width:216px; height:28px; background-image:url(images/contacter_ce_03.png); background-repeat:repeat-y; float:right; margin-bottom:15px;}

#contacter_ce_text {display:block; width:216px; height:28px; line-height:28px; text-transform:uppercase; text-align:center; color:#FFF; font-size:14px;}

#contacter_ce_cont_text { margin-left:10px; min-height:283px;}

#conceptionfocus_contacter { min-width:172px; height:35px; padding-left:10px; line-height:35px; font-size:20px; float:left;}


/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 730px;
    height:200px;

    /* custom decorations */
    border:1px solid #ccc;
    background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

/* single scrollable item */
.scrollable a {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    cursor:pointer;
    width:150px;
    height:130px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
    background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;		
}