/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#333;width:auto; background: black;margin:0}
a {color:#00a9ff;outline:none;text-decoration: none;}
img{border: 0;}
a:hover {text-decoration:none}
.col-1, .col-2, .col-3, .col-4  {float:left}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.bg {width:100%;}
.main {width:1000px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.285em;}
p {margin-bottom:18px}
.p0 {margin-bottom:0px}
.p1 {margin-bottom:6px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:45px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.title {margin-bottom:18px}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#00a9ff}
.color-2 {color:#a2c902}
.color-3 {color:#fabb0c}
.color-4 {color:#0f0f0f}
/* boxes */
.margin-bot {margin-bottom:35px}
.spacing {margin-right:35px}
.indent {padding:0 0 0px 32px}
.indent2 {padding-top:10px}
.indent3 {padding-top:38px}
.indent4 {padding:26px 0 0px 32px}
.indent5 {padding-top:22px}
.indent-bot {margin-bottom:22px}
.indent-bot2 {margin-bottom:19px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 10px 0px 0}
.img-indent2 {float:left;margin:0 15px 0px 0}
.img-indent3 {float:left;margin:0 20px 0px 0}
.img-indent4 {float:left;margin:0 28px 0px 0}
.img-indent-r {float:right;margin:4px 0px 0px 15px}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .button-2, .logo {text-decoration:none}
/* header */
header {width:100%;position:relative; height: auto; float:left; background: #222222 url("graphics/bgHeader.png")}
.row-1 {width:40%;float: left;}
.row-2 {width:22%;position:relative;z-index:1; float: left;}
.row-3 {
    float: left;
    padding-top: 30px;
    position: relative;
    width: 38%;
    z-index: 2;
}

.row-1 h1{
    padding: 0;
}

ul.yazSocialNetwork2{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.yazSocialNetwork2 li{
    float: left;
    margin-left: 6%;
    
}

ul.yazSocialNetwork{
    margin: 0;
    padding: 26% 0 0;
    list-style: none;
    display:none
}

ul.yazSocialNetwork li{
    float: left
}

ul.yazSocialNetwork li a:link,
ul.yazSocialNetwork li a:visited{
    text-decoration: none;
    background-image: url('images/icon_network_social.png');
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    width: 45px;
    margin-right: 14px;
    height: 45px;
}

a.yazFacebook{
    background-position: 10px 5px;
}


ul.yazSocialNetwork li a:hover{
    opacity: 0.8;
}


a.yazTiwtter{
    background-position: -35px 7px;
}


a.yazYoutube{
    background-position: -82px 6px;
}




a.youtube{
    background-position: -79px 7px;
}




a.yazGoogle{
    background-position: -94px 0;
}

a.yazGoogle:hover{
    background-position: -94px -25px;
}

h1 {padding:0px 0 0 40px;position:relative;float:left}
.logo {display:block;width:224px;height:45px;text-indent:-5000px;background:url(../images/logo.png) 0 0 no-repeat;margin:10px 0 8px 0}
.slog {display:block;font-size:14px;line-height:1.2em;color:#8a8a8a;text-transform:uppercase;letter-spacing:-1px}
/* search-form */
#search-form {width:244px;min-height:39px;padding:20px;margin-right:19px;background:#000;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;float:right}
.search-form {background:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;width:100%;overflow:hidden}
#search-form input {font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:1.214em;width:170px;padding:10px 18px 11px;margin:0;color:#9d9d9d;border:none;background:none;float:left}
#search-form a {display:block;width:38px;height:38px;text-indent:-5000px;background:url(../images/search-button.png) 9px 8px no-repeat #00a9ff;border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;float:right}
#search-form a:hover {background-color:#aaa}
/* main menu */
.mainMenu{
    clear: both;
    float: left;
    width: 100%;	
    background:#000;
    height: 52px;
    position: relative;
}

span.lang{
    display: block; 
    position: absolute; 
    right: 10px; 
    top: 14px; 
    z-index: 99999;
}

span.playvideo{
    background:url("images/playvideo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    left: 30%;
    overflow: hidden;
    position: absolute;
    top: 28%;
    width: 88px;

}

.mainMenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9999;
}

.mainMenu ul li{
    float: left;
}

.mainMenu ul li a:link,
.mainMenu ul li a:visited{
    color: #686864;
    display: block;
    font-size: 14px;
    padding: 5px 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Myriad Pro',arial;
}


.mainMenu ul.juizSub li a:link,
.mainMenu ul.juizSub li a:visited{
    color: #686864;
    display: block;
    font-size: 12px;
    padding: 5px 12px;
    width: 136px;
}


.mainMenu ul.juizSub li  ul.juizSubSub li a:link,
.mainMenu ul.juizSub li  ul.juizSubSub  li a:visited{
    width: auto;
}

.mainMenu ul li a:hover,
.mainMenu ul.juizSub li a:hover,
.mainMenu ul.juizSub li  ul.juizSubSub li a:hover
{
    color:#fff;
}



.menu {width:100%}
.menu li {float:left;position:relative;margin-right:1px}
.menu li.last-item {margin:0}
.menu li a {display:inline-block;width:196px;font-size:17px;line-height:1.22em;padding:18px 0 36px;margin-top:10px;color:#fff;background:#000;text-align:center;}
.menu li a.active, .menu li a:hover {color:#0f0f0f;background:#fff;padding:28px 0 36px;margin:0}
/* slider */
.slider{
    clear: both;
    overflow:hidden;
    width: 100%;
}

/* content */
#content {width:100%;padding:0 0 40px;position:relative;background: #ffffff;
          z-index:2;clear: both;  float: left; min-height: 400px;}
#content .padding {padding:24px 12px 0}
.spacer-1 {width:100%;background:url(../images/pic-1.gif) 217px 0 repeat-y}
h2 {font-size:39px;line-height:1.9em;color:#0f0f0f;margin-bottom:5px;letter-spacing:-2px}
h3 {font-size:30px;line-height:1.3em;margin-top:-5px;letter-spacing:-2px}
h3 strong {display:block;color:#fefefe;margin-bottom:-11px}
h4 {font-size:23px;line-height:1.2em;color:#fefefe;letter-spacing:-1px;margin-bottom:20px}
h5 {color:#0f0f0f;text-decoration:underline;font-weight:normal}
h6 {color:#0f0f0f;font-weight:normal;margin-bottom:5px}
.border-bot {width:100%;padding-bottom:20px;background:url(../images/pic-1.gif) 0 bottom repeat-x}
.box-bg {padding:33px;background:#e4e4e4}
.box {width:100%;background:url(../images/box.png) center 0 no-repeat #101010;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}
.box h3 {margin-top:-8px}
.box .pad {padding:28px 35px}
.box.first .button {background:url(../images/button1.png) left top no-repeat}
.box.first .button:hover {background-position:left bottom}
.box.first .numb {background:url(../images/numb-1.gif) 0 0 repeat-x #00a9ff}
.box.second .button {background:url(../images/button2.png) left top no-repeat}
.box.second .button:hover {background-position:left bottom}
.box.second .numb {background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902}
.box.third .button {background:url(../images/button3.png) left top no-repeat}
.box.third .button:hover {background-position:left bottom}
.box.third .numb {background:url(../images/numb-3.gif) 0 0 repeat-x #fabb0c}
.numb {display:inline-block;padding:3px 7px 6px;font-size:40px;line-height:1.2em;letter-spacing:-2px;color:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
*+html .numb {padding:6px 7px 4px}
.block-news {padding:27px 33px 30px;border:1px solid #eaeaea;background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px}
.button {display:block;width:43px;height:43px;text-indent:-5000px}
.button-2 {display:inline-block;font-size:19px;line-height:1.21em;letter-spacing:-1px;color:#fefefe;padding:9px 20px 11px;background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.button-2:hover {background:#3c3c3c}
.list-1 li {line-height:24px;padding-left:10px;background:url(../images/marker.gif) 0 10px no-repeat}
.list-1 li a {display:inline-block;color:#9d9d9d}
.list-1 li a:hover {text-decoration:underline}
.list-2 li {line-height:24px}
.link {color:#9d9d9d}
.link:hover {text-decoration:none} 
.link-1 {display:inline-block;font-size:14px;padding-right:8px;background:url(../images/marker-3.gif) right 8px no-repeat}
.link-1:hover {color:#fff} 
.text-1 {line-height:20px;margin:0} 
dl.address {line-height:24px;color:#9d9d9d}
dl.address span {float:left;width:74px;color:#fefefe}
dl.contact {line-height:20px;color:#9d9d9d}
dl.contact span {display:block;color:#0f0f0f}
dl.contact dt, dl.contact dd {margin-bottom:5px}
.tdate-1 {font-size:20px;line-height:1.2em;color:#0f0f0f;text-align:center;letter-spacing:-2px;margin:-8px 16px 0 0}
.tdate-1 strong {display:block;font-size:49px;line-height:1.2em;color:#00a9ff;margin-bottom:-10px}
.tdate-2 {float:left;color:#0f0f0f}
.news {padding-left:25px;background:url(../images/pic-1.gif) 0 0 no-repeat}
#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
#contact-form  input {float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
#contact-form textarea {height:262px;overflow:auto;float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.text-form {float:left;display:block;font-size:14px;width:73px;line-height:1.78em;color:#0f0f0f}
.buttons {padding-top:16px;text-align:right}
.buttons a {margin-left:6px;padding:9px 25px 11px}

.top_service{
    float: left;
    width: 100%;
}

.home_service{
    margin-right: 9px;
    width: 19%;
    height: 294px;
    float: left;
    border-top: solid 3px #ed0202;
    box-shadow:0 3px 3px #DDDDDD;
    background:#fcfcfc;
    position: relative;
    overflow: hidden;
}

span.arrow_b{
    background: url("images/arow_b.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: block;
    height: 15px;
    left: 10%;
    position: absolute;
    top: 24%;
    width: 20px;
    z-index: 99999;
}

ul.res_soc_icon{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.res_soc_icon li{
    float: left;
}

ul.res_soc_icon li a{
    text-indent: -9999px;
    display: block;
    width: 18px;
    height: 18px;
    margin: 5px;
}


.facebookIcon{
    background: url("images/res_soc_product.png") no-repeat scroll 0 0;
}

.tiwtterIcon{
    background: url("images/res_soc_product.png") no-repeat scroll -25px 0;
}

.IconGoogle{
    background: url("images/res_soc_product.png") no-repeat scroll -50px 0;
}


.flexible_bloc{
    background: none repeat scroll 0 0 #FFFFFF;
    height: 0;
    overflow: hidden;
    width: 174px; 
    padding: 8px;
}

.flexible_bloc p{
    color: #000000;
    font-size: small;
    line-height: 20px;
    text-align: justify;
    margin-bottom: 0;
}

.flexible_bloc_product{
    background: none repeat scroll 0 0 #FFFFFF;
    height: 0;
    overflow: hidden;
    padding: 0 8px 4px;
    width: 95%;
    
}

.title_cat{
    display: block;

    text-align: right;
    color: #ed0202;
    font-size: 12px;
    text-transform: uppercase;
}

.title_service{
    display: block;
    width: 100%;
    color: #484747;
    font-family: 'Myriad Pro',arial;
    font-size: 14px;
   
    text-transform: uppercase;
    margin-top: 6px;
    margin-bottom: 6px;
}

span.img_service{
    display: block;
    overflow: hidden;
    height: 264px;
}

div.img_service{
    float: right;
    padding: 8px;
    width: 50%;
    display: block;
    overflow: hidden;
    background: #ddd;
    border: solid 4px #ecebeb;
    text-align: center;
}


.header_service h3{
    letter-spacing: normal;
    margin: 0;
    padding: 0;
}



p{
    font-size: small; /*11px*/
    line-height: 20px;
    text-align: justify;
    margin: 0;
}
.header_service{

    margin-bottom: 25px;
    overflow: hidden; 
}
.txt_service{
    float: left;
    padding: 8px;
    width: 45%;
    background: #ffffff
}



p.bjqs-caption {
    top: 22%;
}


div.load_img{
    background: url("images/loading.gif") no-repeat scroll center center;
    float: left;
    left: 0;
    position: absolute;
    top: 0;
    width: 460px;
    z-index: 99999;
}


div.load_video{
    left: 0;
    position: absolute;
    top: 0;
    width: 460px;
    height: 300px;
    z-index: 99999;
}
div.list_video{
    width: 316px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.list_video h3 {
    color: #000;
    float: left;
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    padding: 6px;
    text-transform: uppercase;
    height: 50px;
}
.list_video span.date_show {
    display: block;
    float: right;
}

div.reference{
    float: left;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

div.reference h1{
    width: 100%;
    position: relative;
    padding: 0;
}



.infinity_next{
    background: none repeat scroll 0 0 #D6D6D6;
    clear: both;
    float: left;
    height: 30px;
    padding-top: 12px;
    text-align: center;
    width: 100%;
}
.infinity_next a{
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}



.list_product figure{
    margin: 0;
    padding: 0;
    width: 238px;
    height: auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.list_product span.arrow_b {
    left: 14%;
    top: -7px;;
}

.list_product  p{
    text-align: justify;
    color: #000;
    font-size: 12px;
}


.list_product figure img{
    max-width: 383px;
    min-height: 295px;
    min-width: 230px;



}


.list_product h3{
    color: #888888;
    float: left;
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    padding: 6px;
    text-transform: uppercase;
    width: 100%;
}


.list_product h4{
    color: #ED0202;
    float: right;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: normal;
    margin: 0;
    padding: 6px;
    text-align: right;
    text-transform: uppercase;
    width: 70px;
}

span.date_show{
    display: block;
    color: #1086ea;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0px;
    clear: both;
    padding: 6px;
}


.box_num{
    background: none repeat scroll 0 0 #CCCCCC;
    border-right: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    text-indent: -99999px;
    float: left;
    font-family: 'Myriad Pro',arial;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    width: 48px;
}

.box_arrow{
    background: url("images/arrow_gray.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 42px;
    left: 47px;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: 9999;
}

.box_title{
    background: none repeat scroll 0 0 #DDDDDD;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Myriad Pro',arial;
    padding-bottom: 12px;
    padding-left: 22px;
    padding-top: 12px;
    width: 928px;
}

/* footer */
footer {width:100%;background:#000; float: left;}

.footer1{
    width: 100%;
    float: left;
    padding-top: 18px;
    padding-bottom: 18px;
    background:url("images/bg_footer1.png") repeat scroll left top rgba(0, 0, 0, 0)
}

.footer2{
    width: 100%;
    /*	float: left;
            border-top: solid 2px #000;
            border-bottom: solid 2px #000;
            /*background:url(images/bg_footer2.png) repeat top left;*/
}

.footer2_l{
    height: 63px;
    width: 50%;
    float: left;
    /*background:url(images/bg_footer2_l.png) no-repeat top right ;*/
}

.footer2_r{
    height: 63px;
    width: 50%;
    float: right;
    /*background:url(images/bg_footer2_r.png) repeat-y top left;*/
}

.footer2_wrapper{
    margin: 0 auto;
    width: 1000px;
}
.footer2_r ul{
    margin: 0;
    padding: 10px 0 0 20px;
}
.footer2_r ul.yazSocialNetwork li  a{
    margin-right: 0;
}
/*
.footer2_r ul li {
        background: #ababab;
        border: solid 1px;
        margin-right: 14px;
        border-radius: 22px;
}
*/
.footer1_l{
    width: 66%;
    float: left;

}

.footer1_r{
    width: 30%;
    float: right;
    padding: 6px;
}

.icon_radio_live{
    float: left;
    overflow: hidden;
}

.icon_radio_left{
    /*    background: url("images/icon-radio.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/
    float: left;
    height: 70px;
    overflow: hidden;
    width: 120px;
}

.icon_radio_right{
    width: 120px;
    float: right;
    overflow: hidden;
    height: 32px;
    padding-top: 50px;
    background:url(images/icon-live.png) no-repeat top left;
}

.icon_radio_link{
    list-style: none;
    margin: 0;
    padding: 0;
}

.icon_radio_link li{
    float: left;
}

.icon_radio_link li a{
    display: block;
    float: left;
    height: 19px;
    margin-right: 2px;
    padding: 3px;
    width: 19px;
}


.icon_radio_link li a.windows{
    background:url(images/icon-wind.png) no-repeat center center #ddd
}
.icon_radio_link li a.iphone{
    background:url(images/icon-iphone.png) no-repeat center center #ddd;
}
.icon_radio_link li a.lvc{
    background:url(images/icon-lvc.png) no-repeat center center #ddd;
}
.icon_radio_link li a.media{
    background:url(images/icon-media.png) no-repeat center center #ddd;
}

.icon_radio_link li a:hover{
    background-color: #ccc;
}


.radio_down{
    position: relative;
    width: 100%;
    float: right;
    background: rgba(000,000,000,0.3);
}

.radio_down_txt{
    border-bottom: 2px solid #464646;
    color: #D3D3D3;
    display: block;
    font-size: 11px;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 26px;
    padding-top: 4px;
    position: absolute;
    text-align: justify;
    width: 206px;
}

.shortcuts_menu_down {
    margin: 0 40px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.shortcuts_menu_down  li a{
    color: #999797;
    text-decoration: none;
    font-size: 11px;
}

.radio_down_logo{
    width: 295px;
    height: 126px;
    background:url(images/logo_radio_down.png) repeat-y top left;
    display: block;
}


.product_detail h3.title_spec{
    color: #595957;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.3em;
    text-transform: uppercase;
    padding-right: 20px;
}

.product_detail p{
    color: #575757;
    font-size: small;
    line-height: 22px;
    padding-right: 20px;
    text-align: justify;
}
.list_product_relation,.product_detail{ padding: 0 10px 0 10px !important;}
.video_product,
.list_product_relation,
.product_detail{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
   
}

.video_product{
    margin-top: 0px;
}

.video_product h1{
    background-image: url("images/arow_l.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding: 12px 12px 12px 20px;
    width: 968px;
    margin: 0;
}

.product_detail_txt{
    width: 99%;
    padding: 6px;
    heigth: 422px;
    background:  #EEEEEE;
    float: left;
}

.product_detail_img{
   /* background: none repeat scroll 0 0 #EEEEEE;
    float: right;
    
    padding: 0 6px 6px;
    width: 61%;
    height: auto;*/
   overflow: hidden;
}
.part_wrapper {padding:0px 10px 0px 10px}
.cms_detail_article{padding:0px 10px 0px 10px}
.cms_detail_article h3 {
    color: #A40133;
    font-size: 18px;
    letter-spacing: normal;
    margin: 10px 0;
    padding: 8px 0;
}

.highslide-gallery .thumb{
    float: left;
    list-style: none;
    margin: 6px;
}

.breadcrumb {
    background: none repeat scroll 0 0 #E6E6E5;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    border-bottom: solid 2px #ccc;
}

.breadcrumb a {
    color: #333333;
    display: block;
    float: left;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}
.breadcrumb a.active{
    color: #666666;
}

.breadcrumb .separator {
    color: #333333;
    display: block;
    float: left;
    font-family: monospace;
    font-size: 10px;
    height: 0;
    letter-spacing: -2px;
    margin: 0 10px;
    padding: 0 0 10px;
    width: 10px;
}

.ui-dialog{
    z-index: 9999;
}

.galery{
    background: none repeat scroll 0 0 #333333;
    float: left;
    height: 130px;
    margin: 5px;
    padding: 1px;
    overflow: hidden;
    width: 153px;
}

#links{
    background: none repeat scroll 0 0 #DDDDDD;
    padding: 5px;
    float: left;
}

a.galery{
    display: block;
    position: relative;

}

#links a.galery{
    opacity: 0.8;

}

#links a.galery:hover{
    opacity: 1;
}


span.light_box{
    background: url("/skins/horizontal/side_lightbox.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 48px;
    left: 36%;
    position: absolute;
    top: 32%;
    width: 48px;
    z-index: 9999;
}

.slt_album{
    padding: 10px;
    overflow: hidden;
}

.slt_album label{
    display: block;
    padding: 5px;
    float: left;
}

.slt_album select{
    display: block;
    padding: 5px;
    float: left;
    border: solid 1px #ddd;
}

.galery img{
    max-width: 153px;
}

span.principal_img{
    display: block;
    float: left;
    width: 80%;
}

span.second_imgs{
    display: block;
    float: right;
    width: 18%;
}

span.second_imgs ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.product_detail_img img {
    width: 84%;
}


.row-top {width:100%;padding:33px 0 42px;background:#000}
.row-padding {padding:0 62px}
.row-bot {width:100%;padding:35px 0;font-size:small;line-height:20px}
.list-services li {line-height:24px;padding-left:28px}
.list-services li a {color:#9d9d9d;text-decoration:none}
.list-services li a:hover {text-decoration:underline}
.list-services li.item-1 {background:url(../images/facebook.png) 0 3px no-repeat}
.list-services li.item-2 {background:url(../images/twitter.png) 0 3px no-repeat}
.list-services li.item-3 {background:url(../images/linkedin.png) 0 3px no-repeat}
.footer-logo {display:block;color:#9d9d9d;font-size:60px;line-height:1.2em;text-transform:uppercase;letter-spacing:-3px;font-weight:400;margin-bottom:5px}
.footer-logo strong {color:#00a9ff;text-transform:none;display:inline-block}
.phone {display:inline-block;font-size:20px;line-height:1.2em;color:#9d9d9d;letter-spacing:-1px;padding-left:5px}
.phone strong {color:#fff}
#container-scrolling{margin-left:10px}
.bghabillage{background-attachment: fixed;background-size: cover; background-position: center top;background-repeat: no-repeat;}
.html5gallery-container-0{margin-left: -16px;}
.juizdropdown {
	position: relative;
	height: 43px;
	padding:0;
	font-size: 15px;
	line-height: 42px;
	text-align: center;
	
}
.juizdropdown li {
	position: relative;
	display: inline-block;
	list-style: none;
}
.juizdropdown li.first { background: none; }
.juizdropdown a {
	display: inline-block;
	padding: 0 20px 0 22px;
	color: #6D6D6D;
	border: 0 none;
	text-decoration: none;
	outline: 0 none;
}
.juizdropdown a:focus { text-decoration: underline; }


.mainMenu ul li a.current_page:link, 
.mainMenu ul li a.current_page:visited{
	color: #fff;
}
.juizdropdown .juizSub,
.juizdropdown .juizSubSub {
	position: absolute;
	padding:0;
	display: none;
	height: auto;
	background: #000;
	border-top: 0;
	text-transform: capitalize;
  
}
.juizdropdown .juizSub {
	top: 50px; left: 0;
}

.juizdropdown .juizSub{
	background:url(images/f-trans.png) repeat 0 0;
	
}

.juizdropdown .juizSub li {
	position:relative;
	display: block;
	padding: 0;
	width: auto;
	line-height: 1.3em;
	text-align: left;
	background: none;
}
.juizdropdown .juizSub a {
	display: block;
	width: auto;
	padding: 0.4em 0.4em;
	margin: 0 1em;
	color: .6d6d6d;
}
.juizdropdown .juizSub li.first a { border-top: 0; } 
.juizdropdown .juizSub li.last a { border-bottom: 0; }

.juizdropdown .juizSubSub {
	right: -94px; top:0;
 
}

.juizClear { clear: left; height: 0; overflow: hidden; }

@media (max-width:640px) {
	.juizdropdown .juizSubSub {
		display:none;
	}
	.juizdropdown,
	.juizdropdown .juizSub,
	.juizdropdown .juizSub li,
	.juizdropdown .juizSub li a	{
		position:static;
		display: inline-block;
		width: auto;
		height:auto;
		text-align:left;
	}
	.juizdropdown {
		margin: 5px;
		padding: 12px;
	}
	.juizdropdown ul {
		box-shadow: 0 0 0 !important;
		background: none !important;
		border:0 !important;
		border-radius:0 !important;
	}
	.juizdropdown li {
		background-image: none;
	}
	.juizdropdown li a {
		border:0 !important;
		padding-left:0;
	}
	.juizdropdown .juizSub a {
		padding: 0;
		margin: 0;
	}
	.juizdropdown .juizSub li + li {
		padding-left: 12px;
	}
	.juizdropdown .juizSub li + li a:before {
		content: "|";
		position:relative;
		left:-8px;
	}
	.juizdropdown > li {
		display: block;
	}
	.juizdropdown li.hasSubSub {
		background:none;
	}
	.juizdropdown .hasSub {
		line-height: 24px;
	}
	.juizdropdown li + .hasSub {
		margin-top: 12px;
	}
	.juizdropdown .hasSub > a {
		background: transparent url(../img/arrow_right.png) 96% 50% no-repeat;
	}
}
/* Demo CSS - You do not need this css in your own slider */

#banner-fade,
#banner-slide{
	margin-bottom: 10px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:0px 10px;
	background:#7f7f7f;
	color:#fff;
	margin:5px;
	text-decoration: none;
	display: block; 
	width:26px;
	height: 6px;
	text-indent: -9999px;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #fff;
}

p.bjqs-caption{
	background: rgba(000,000,000,0.3);
}
/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
li.bjqs-slide img{
	max-width: 1000px;
}
ol.bjqs-markers{
   bottom: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{    margin: 0;
    padding: 2%;
    position: absolute;
    top: 40%;
	width: auto;
	color: #fff;
	}
	
	a.caption_link{
		color: #fff;
		text-decoration: none;
		display: block;
		padding-left: 100px;
		font-family: 
		letter-spacing: 1px;
	}
	
	p span.caption_title{
		display: block;
		font-weight: bold;
		font-size: 22px;
		margin-bottom: 6px;
		text-transform: uppercase;
		
	}
	
	span.caption_slogan{
		    display: block;
    font-size: 24px;
    margin-top: 10px;
	}