/* CSS Document */

* {
    outline: none;
}
a img {
    border:none;
}
a {
    outline:none;
    color:#323232;
    text-decoration:underline;
}
a:hover {
    color:#323232;
    text-decoration:none;
}
img {
    border: 0;
    font-style: italic;
    height: auto!important;
    max-width: 100%!important;
}
h1, h2, h3, h4 {
    font-weight: normal;
    color: #323232;
    line-height:normal;
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}
h1 {
    font-size:30px;
    margin-bottom:0.5em;
    clear:both;
}
h2 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:0.3em;
    font-weight:bold;
}
h2.title {
    font-size:22px;
    font-weight:normal;
    margin-bottom:0.5em;
    margin-top: 15px;
}
h3 {
    font-size:11px;
    font-weight:bold;
    margin-bottom:0.4em;
}
h4 {
    font-size:11px;
    font-weight:bold;
}
h5 {
    font-size:11px;
    font-weight:bold;
}
h6 {
    font-size:11px;
    font-style:italic;
}
p {
    margin:0;
    padding:0 0 15px 0;
    line-height:140%;
}
form {
    margin:0;
    padding:5px 0;
}
address {
    font-style:normal;
    margin-bottom:10px;
}
hr {
    margin: 10px 0;
    padding:0;
}
ol, ul {
    margin:5px 0 15px 20px;
    padding:0;
}
ol {
    margin:5px 0 5px 25px;
    padding:0;
}
#content ul li {
    list-style-type:square;
    padding:4px 0;
}
.clear {
    clear:both;
}
.skry, .hide {
    display:none;
}
table {
    border-collapse:collapse;
    border-color:#ddd !important;
}
td, th {
    border-color:#ddd !important;
    padding:2px 5px;
}
.clear {
    clear:both;
    width:100%;
    font-size:0;
    height:0;
    line-height:0;
}
.skry {
    display:none;
}
em {
    color:#737373;
}
body {
    margin:0;
    padding:0;
    font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:140%;
    text-align:center;
    color:#323232;
}
body.skin-intro {
    background:#fafaf4 url(images/bg_intro_center.jpg) repeat-x 0 150px;
}
body.skin-normal,  body.skin-vip,  body.skin-likevip,  body.skin-sub,  body.box-under {
    background-color:#e5e5de;
}
#container-out {
    background: url(images/bg_html.jpg);
}
#container-in {
    background: url(images/bg_body1.jpg) repeat-x left top;
}
.skin-normal #container-in,  .skin-vip #container-in,  .skin-likevip #container-in,  .skin-sub #container-in,  .box-under #container-in {

}
.skin-intro #container-inner {

}
#container {
    width:940px;
    margin:0 auto;
    text-align:left;
    position:relative;
}
.skin-normal #wrapper,  .skin-vip #wrapper,  .skin-likevip #wrapper,  .skin-sub #wrapper,  .box-under #wrapper {

}
.skin-normal #container,  .skin-vip #container,  .skin-likevip #container,  .skin-sub #container,  .box-under #container {
   /* width:950px;
    padding-left:10px;
    */
}
#head {
    width:940px;
    height:149px;
    position:relative;
    text-align:center;
    background: url(images/bg_head1.jpg) no-repeat 0 97px;
}
.skin-normal #head,  .skin-vip #head,  .skin-likevip #head,  .skin-sub #head,  .box-under #head {
   /* padding-right:10px;*/
}
#head #logo {
    padding:0;
    margin:0;
    display:block;
    background:url('images/logo-intercars.png') no-repeat 0 0;
    width:191px;
    height:69px;
    position:absolute;
    top:15px;
    left:0;
}

@media (min--moz-device-pixel-ratio: 1.5),
    (-o-min-device-pixel-ratio: 3/2),
    (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5),
    (min-resolution: 1.5dppx) {
        #head #logo {
            background-image: url('images/logo-intercars@2x.png');
            background-size: 191px 69px;
        }
}

@media (min--moz-device-pixel-ratio: 3),
    (-o-min-device-pixel-ratio: 6/2),
    (-webkit-min-device-pixel-ratio: 3),
    (min-device-pixel-ratio: 3),
    (min-resolution: 3dppx) {
        #head #logo {
            background-image: url('images/logo-intercars@3x.png');
            background-size: 191px 69px;
        }
}
#head #logo a {
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    overflow:hidden;
}
#content {
    width:650px;
    margin-top: 20px;
    margin-bottom: 40px;
    background: #fff;;
}
.skin-intro #content {
    width:940px;
    padding-bottom:6px;
    margin-top: 0;
    margin-bottom: 0;
    background: none;
}
.skin-normal #content,  .skin-vip #content,  .skin-likevip #content,  .skin-sub #content,  .box-under #content {
    float:right;
    padding:50px 50px 50px 50px;
    position:relative;
    width: 600px;
}
.skin-sub #content {
    /*padding-top:20px;*/
    padding-top: 0;
}
.skin-sub h1.title {
    clear: both;
    font-size: 30px;
    margin:0;
    padding:30px 55px 30px 40px;
}
#left {
    float:left;
    width:220px;
}
#footer {
    clear:both;
}
#footer {
    background:#ffffff;
    height:59px;
    line-height: 59px;
}
/*
.skin-normal #footer p.copy,  .skin-vip #footer p.copy,  .skin-likevip #footer p.copy,  .skin-sub #footer p.copy,  .box-under #footer p.copy {
    background: url(images/bg_footer.jpg) no-repeat right top;
    padding-top:10px;
    padding-right:5px;
    padding-left:245px;
    width:700px;
}
.skin-normal #footer,  .skin-vip #footer,  .skin-likevip #footer,  .skin-sub #footer,  .box-under #footer {
    padding:0;
}
#content-top {
    background:#e5e5de;
    height:20px;
    width:710px;
    position:absolute;
    left:0;
    top:0;
}
*/
#footer .footer{width: 940px; margin: 0 auto;}
#footer p {
    margin:0;
    font:normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#666666;
    padding:0;
    height: 59px;
    line-height: 59px;
}
#footer p a {
    color:#cf1e35;
    text-decoration:none;
}
#footer p a:hover {
    color:#cf1e35;
    text-decoration:underline;
}
#footer p.copy{float: left;}
#footer p.copy2{float: right;}

#footer-black{
    width: 880px;
    overflow: hidden;
    background: #2c3b4c;
    padding: 15px 30px 45px 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
}
#footer-black h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 30px 0 20px 0;
    font-family: "Trebuchet MS",Verdana,Arial;
}
#footer-black .content, #footer-black .content p{line-height: 180%; margin: 0; padding: 0;}
#footer-black a:hover img{
    -moz-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

#footer-black .coll{
    width: 200px;
    padding-right: 20px;
    float: left;

}
#footer-black a{
    text-decoration: none;
    color: #cf1e35;
}
#footer-black a:hover{
    text-decoration: underline;
    color: #cf1e35;
}
#footer-black ul, #footer-black ul li{margin: 0; padding: 0; list-style: none;}

.boxshadow{
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.10);
}
.home-loga{
    padding-top: 77px;
    height: 59px;
    position: relative;
}
#content .line-loga{
    height: 59px;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url("images/bg_loga.png") repeat-x;
}
#content .line-loga li{
    margin: 0;
    padding: 0;
    list-style: none;
    /*width: 280px;*/
    height: 136px;
    float: left;
    position: absolute;
    top: 0;
}

#content .line-loga li a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
}
#content .line-loga li a:hover{background-position: 0 -136px;}
#content .line-loga li.l1 a{background-image: url("images/logo-fleet1.png");}
#content .line-loga li.l2 a{background-image: url("images/logo-vip1.png");}
#content .line-loga li.l3 a{background-image: url("images/logo-qs1.png");}
#content .line-loga li.l4 a{background-image: url("images/logo-qeshop1.png");}

#content .line-loga li.l1 {left: 2px; width: 240px;}
#content .line-loga li.l2 {left: 266px; width: 176px;}
#content .line-loga li.l3 {left: 479px; width: 136px;}
#content .line-loga li.l4 {right: 17px; width: 280px;}

#double-box {
	margin-bottom: 20px;
}

#double-box .box {
	background: #fff;
	float: left;
	height: 216px;
	padding: 31px 0 0 117px;
	width: 342px;
}

#double-box .box1 {
	background: url("images/ic_modul-pre_motoristu.jpg") no-repeat;
}

#double-box .box2 {
	background: url("images/ic_modul-pre_autoservis.jpg") no-repeat;
	float: right;
}

#double-box .box-webcat {
    background: url("images/ic_modul-pre_autoservis-3.jpg") no-repeat #fff;
    height: 216px;
    padding: 31px 100px 0 140px;
}

#double-box h2, #double-box h3, #double-box p {
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

#double-box h2 {
	color: #212121;
	font-size: 26px;
	line-height: 1;
}

#double-box h3 {
	color: #3a95e0;
	font-size: 20px;
	font-weight: normal;
	margin: -3px 0 14px 0;
}

#double-box p {
	color: #636363;
	font-size: 16px;
	margin: 0;
	padding-bottom: 25px;
}

a.custlink {
	background-color: #2e86dc;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.32) 0%, rgba(255,255,255,.32) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.32) 0%, rgba(255,255,255,.32) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.32) 0%, rgba(255,255,255,.32) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.32) 0%, rgba(255,255,255,.32) 100%);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.44);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.44);
	box-shadow: 0 1px 2px rgba(0,0,0,.44);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	color: #fff;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
}

a.custlink:hover {
	-moz-border-radius: 16px / 15px;
-webkit-border-radius: 16px / 15px;
border-radius: 16px / 15px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #2e86dc; /* layer fill content */
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.44); /* drop shadow */
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.44); /* drop shadow */
box-shadow: 0 1px 2px rgba(0,0,0,.44); /* drop shadow */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIgc3RvcC1vcGFjaXR5PSIwLjUxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjUxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, rgba(99,99,99,.51) 0%, rgba(255,255,255,.51) 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, rgba(99,99,99,.51) 0%, rgba(255,255,255,.51) 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, rgba(99,99,99,.51) 0%, rgba(255,255,255,.51) 100%); /* gradient overlay */
background-image: linear-gradient(bottom, rgba(99,99,99,.51) 0%, rgba(255,255,255,.51) 100%); /* gradient overlay */

}

#triple-box, #triple-box-first{margin-bottom: 20px;}
#triple-box .box, #triple-box-first .box{
    background: #ffffff;
    width: 168px;
    height: 210px;
    float: left;
    padding: 25px 20px 0 30px;
    position: relative;
}
#triple-box-first .box{width: 300px; padding: 0; height: 300px;}
#triple-box-first .box .box-content{padding: 35px 20px 0 30px;}
#content #triple-box-first ul, #content #triple-box-first ul li{margin: 0; padding: 0; list-style: none;}
#content #triple-box-first ul li{position: relative; padding-left: 60px; margin-bottom: 8px;}
#triple-box h3,
#triple-box-first h3{font-size: 30px; color: #000000; font-weight: normal; margin: 0 0 25px 0; padding: 0; font-family: "Trebuchet MS",Verdana,Arial; line-height: normal;}
#triple-box-first h3{background: url("images/bg_hbox.jpg") no-repeat 0 0; height: 50px; padding-top: 30px; padding-bottom: 0; margin: 0; text-indent: 30px;}
#triple-box-first h3 span{color: #9a9a9a; font-size: 20px;}
#triple-box #box-t2{
    margin: 0 13px 0 20px;
}
#triple-box-first #box-tf2{
    margin: 0 20px;
}
#triple-box #box-t3{
    margin: 0 10px 0 12px;
}
#triple-box #box-t4{
    margin: 0 0 0 12px;
}
#content #triple-box ul li,
#content #triple-box ul{list-style: none; margin: 0; padding: 0;}
#content #triple-box ul li{margin-bottom: 8px; padding-left: 15px; background: url("images/li_z.png") no-repeat 0 4px;}
#triple-box #box-t3 ul li{padding: 0; background: none; white-space: nowrap; overflow: hidden;}
#triple-box a, #vb-box a, #vip-box a, #qs-box a, #journal-box a{color: #0076d6; text-decoration: none;}
#triple-box a:hover, #vb-box a:hover, #vip-box a:hover, #qs-box a:hover, #journal-box a:hover{color: #0076d6; text-decoration: underline;}
.box .ram{
    width: 19px;
    height: 178px;
    position: absolute;
    top: 16px;
    left: -7px;
    background: url("images/ram.jpg") no-repeat 0 0;
}

#triple-box .date,
#triple-box-first .date{background: #f4f2eb; margin-right: 8px; padding: 0 5px; font-size: 10px; color: #707070; position: relative; top: -1px;}
#triple-box-first .date{position: absolute; top: 0; left: 0;}
#triple-box-first li.li-0 .date{background: #ff4045; color: #fff;}
#triple-box-first li.li-0{font-size: 16px; height: 80px;}
#triple-box-first a{color: #636363; text-decoration: none;}
#triple-box-first h3 a, #triple-box h3 a{color: #000;}
#triple-box-first h3 a:hover, #triple-box h3 a:hover,
#triple-box-first a:hover{color: #ff4045; text-decoration: none;}

#vb-box{
    width: 100%;
    height: 232px;
    position: relative;
    background: url("images/bg_vb.jpg") no-repeat 0 0;
    margin-bottom: 20px;
}
#vb-box .pc{
    width: 428px;
    height: 355px;
    background: url("images/vb_pc.png") no-repeat 0 0;
    position: absolute;
    bottom: 0;
    right: -38px;
}
#vb-box .content{
    padding: 55px 0 0 225px;
    width: 292px;
    color: #636363;
}
#vb-box .content strong,
#vip-box .content strong,
#qs-box .content strong{color: #000000;}

#vip-box{
    width: 100%;
    height: 232px;
    position: relative;
    background: url("images/bg_vip.jpg") no-repeat 0 0;
    margin-bottom: 40px;
}

#vip-box .content{
    padding: 45px 0 0 390px;
    width: 320px;
    color: #636363;
    position: relative;
    z-index: 10;
}

#vip-box .pc{
    width: 360px;
    height: 260px;
    background: url("images/vip_pc.png") no-repeat 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#qs-box{
    width: 100%;
    height: 232px;
    position: relative;
    background: url("images/bg_qs.jpg") no-repeat 0 0;
    margin-bottom: 40px;
}

#qs-box .content{
    padding: 55px 0 0 225px;
    width: 260px;
    color: #636363;
}

#qs-box .pc{
    width: 470px;
    height: 258px;
    background: url("images/qs_pc.png") no-repeat 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

#journal-box{
    width: 100%;
    height: 247px;
    position: relative;
    background: #ffffff url("images/bg_journal.jpg") no-repeat 0 0;
    margin-bottom: 40px;
}

#journal-box .content{
    padding: 50px 0 0 350px;
    width: 530px;
    color: #636363;
}
#journal-box h2{font-size: 28px; line-height: normal; font-weight: normal; margin-bottom: 25px; padding: 0;}
#journal-box .content .image{position: absolute; top: 40px; left: 85px;}
/******** Main Menu *********/

#main-menu {
    margin:0;
    padding:0;
    position:absolute;
    top:54px;
    right:45px;
    overflow:hidden;
}
.formlink {
    position:absolute;
    top:25px;
    right:10px;
}
#main-menu ul.menu {
    margin:0;
    padding:0;
}
#main-menu ul.menu li {
    list-style:none;
    float:left;
    text-align:center;
    padding:0 9px;
}
#main-menu ul li a {
    color:#000000;
    text-decoration:none;
    display:block;
    text-align:center;
    float:left;
    font-size:15px;
    font-family: Tahoma,Arial;
}
#main-menu ul li a:hover {
    color:#ff0000;
    text-decoration:none;
}
#main-menu ul li.selected a, #main-menu ul li.selected a:hover {

}
#main-menu ul li#menu-li-17-55 {
    background:none;
}
#main-slider {
    height:220px;
    position:relative;
    width:940px;
    padding-bottom: 5px;
    margin-bottom: 43px;
    background: url("images/bg_b_line.png") repeat-x left bottom;
}
#main-slider .nivo-directionNav {
    display:none !important;
}
.slider a {
    display:block;
    cursor:pointer;
}
.red-box{margin-bottom: 20px;}
.red-box .box-bottom {
    position:relative;
    height:67px;
    clear:both;
    width:100%;
    background: url("images/bg_iccat.png") repeat-x;
}
.red-box .box-bottom .pc{
    width: 114px;
    height: 99px;
    background: url("images/_pc.png") no-repeat 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.red-box .box-bottom p {
    font-size:16px;
    position: absolute;
    top: 0;
    left: 228px;
    height:67px;
    line-height:67px;
    color:#656565;
    margin: 0;
    padding: 0;
}
.red-box .box-bottom h2 {color: #212121; font-family: "Trebuchet MS"; height: 67px; line-height: 67px; margin: 0 0 0 34px; padding: 0 34px 0 0; font-size: 28px; font-weight: normal; background: url("images/s_arrow.png") no-repeat right center; float: left;}

.red-box .box-bottom .viac {
    position: absolute;
    width:90px;
    height:32px;
    top:15px;
    left:720px;
}
/*
.red-box .box-bottom .viac a {
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    overflow:hidden;
    background:url(images/vstup.png) no-repeat 0 0;
}
.red-box .box-bottom .viac a:hover {
    background:url(images/vstup.png) no-repeat 0 -32px;
}

#siet #box-1 .box-title a {
    background: #DDDCD6 url(data/loga/h2-vip-premia.png) no-repeat 0 0;
}
#siet #box-2 .box-title a {
    background: #DDDCD6 url(data/loga/h2-icjournal.png) no-repeat 0 0;
}
#siet #box-3 .box-title a {
    background: #DDDCD6 url(data/loga/h2-servisny-program.png) no-repeat 0 0;
}
#siet #box-4 .box-title a {
    background: #DDDCD6 url(data/loga/h2-tb.png) no-repeat 0 0;
}
#siet #box-5 .box-title a {
    background: #DDDCD6 url(data/loga/h2-vybavenie-dielni.png) no-repeat 0 0;
}
#siet #box-6 .box-title {
    background: #DDDCD6 url(data/loga/h2-servisne-koncepty.png) no-repeat 0 0;
    text-indent:-9999px;
    overflow:hidden;
}
#siet #box-7 .box-title a {
    background: #DDDCD6 url(data/loga/h2-fleet-program.png) no-repeat 0 0;
}
#siet #box-8 .box-title {
    background: #DDDCD6 url(data/loga/h2-software.png) no-repeat 0 0;
    text-indent:-9999px;
    overflow:hidden;
}
#siet #box-9 .box-title a {
    background: #DDDCD6 url(data/loga/h2-skolenia.png) no-repeat 0 0;
}
#siet {
    color:#666666;
}
#siet .box {
    width:312px;
    height:175px;
    overflow:hidden;
    float:left;
    margin-top:5px;
    -moz-box-shadow: 1px 2px 1px #E7E6DF;
    -webkit-box-shadow: 1px 2px 1px #E7E6DF;
    box-shadow: 1px 2px 1px #E7E6DF;
    background:#f6f6ee url(images/bg_box.jpg) repeat-x 0 0;
}
#siet .box .box-title {
    background:#dddcd6;
    height:57px;
    line-height:57px;
    border-bottom:1px solid #e3e3dc;
    position:relative;
}
#siet .box .box-title h2 {
    height:57px;
    line-height:57px;
}
#siet .box .box-title h2 a {
    display:block;
    height:57px;
    line-height:57px;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
}
#siet .box .box-title h2 a:hover {
    text-decoration: none;
    background-color:#ffc1bc !important;
}
#siet .center {
    margin:5px 2px 0 2px;
    display:inline;
}
#siet .box .box-content {
    padding:15px 14px;
    line-height: normal;
    font-size:11px;
}
#siet .box .box-content p {
    margin:0;
    padding:0;
}
#siet .box .box-content strong,  #siet .box .box-content strong a {
    color:#730007;
    text-decoration:none;
}
#siet .box .box-content strong a:hover {
    color:#730007;
    text-decoration: underline;
}
#siet .box-title .viac {
    position:absolute;
    top:6px;
    right:10px;
    width:60px;
    height:50px;
    display:block;
}
#siet #box-1 .box-title .viac {
    background: url(data/loga/logo-vip3.png) no-repeat 0 0;
}
#siet #box-2 .box-title .viac {
    background: url(data/loga/logo-ic.png) no-repeat 0 0;
}
#siet #box-3 .box-title .viac {
    background: url(data/loga/logo-qs-ico.png) no-repeat 0 0;
}
#siet #box-4 .box-title .viac {
    background: url(data/loga/logo-lkw.png) no-repeat 0 0;
}
#siet #box-5 .box-title .viac {
    background: url(data/loga/logo-vb.png) no-repeat 0 0;
}
#siet #box-6 .box-title .viac {
    background: url(data/loga/logo-sc.png) no-repeat 0 0;
}
#siet #box-7 .box-title .viac {
    background: url(data/loga/logo-fleet.png) no-repeat 0 0;
}
#siet #box-8 .box-title .viac {
    background: url(data/loga/logo-soft.png) no-repeat 0 0;
}
#siet #box-9 .box-title .viac {
    background: url(data/loga/logo-skolenia.png) no-repeat 0 0;
}
*/
img.img-left {
    float:left;
    margin:0 20px 20px 0;
    padding:10px;
    border:1px solid #EFEDE6;
}
img.img-right {
    float:right;
    margin:0 0 20px 20px;
    padding:10px;
    border:1px solid #EFEDE6;
}
#intro-box img.img-left {
    float:left;
    margin:0 10px 5px 0;
    padding:0;
    border:0;
}
#intro-box img.img-right {
    float:right;
    margin:0 0 5px 10px;
    padding:0;
    border:0;
}
#left-menu {
    /*background:url(images/bg_left.jpg) repeat-y 0 0;*/
    background:#fff;
}
#left #left-menu .content {
    padding:0;
}
#left-menu ul {
    margin:0;
    padding:0;
}
#left-menu ul li {
    list-style:none;
    padding-right:20px;
    width:220px;
    clear:both;
}
#left-menu ul li a {
    display:block;
    font-size:14px;
    color:#383838;
    padding:7px 0 6px 24px;
    text-decoration:none;
    border-bottom:1px solid #efede6;
    height:1%;
}
#left-menu ul li li a {
    font-size:11px;
}
#left-menu ul li a span {
    display:block;
}
#left-menu ul li.selected a, #left-menu ul li.selected a:hover {
    background-color:#ff0316;
    text-decoration:none;
    color:#FFF;
}
#left-menu ul li a:hover {
    background-color:#efede6;
    color:#383838;
}
#left-menu ul li.selected {
    background:url(images/selected_li.jpg) no-repeat right top;
}
#left-menu ul li.pos-0 a {
    border-top:0;
}

#left-menu ul li#menu-main-sub-20,
#left-menu ul li#menu-main-sub-21,
#left-menu ul li#menu-main-sub-125 {
    float: left;
}

#left-menu ul li#menu-main-sub-20 ul li, 
#left-menu ul li#menu-main-sub-21 ul li, 
#left-menu ul li#menu-main-sub-125 ul li {
    float:none;
}

#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-125 {
    background: #fff;
    border-bottom:0;
    height:61px;
    left: 147px;
    line-height: 61px;
    padding:12px 0 0 0;
    position:absolute;
    text-align: center;
    top:0;
    width:73px;
}
#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-125 span,
#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-125:hover span {
    background: none;
    color: #898989;
    font-size: 14px;
    height:61px;
    line-height: 61px;
    padding:0;
    text-align: center;
    width:73px;
}
#left-menu ul li#menu-li-36-158 li.selected a#menu-main-sub-a-125 span,
#left-menu ul li#menu-li-36-158 li.selected a#menu-main-sub-a-125:hover span {
    background: #fce4dd;
    border-top: 3px solid #fc1025;
    color: #fc1025;
}

#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-21 {
    background: #FFF;
    border-bottom:0;
    height:61px;
    left: 74px;
    line-height: 61px;
    padding:12px 0 0 0;
    position:absolute;
    text-align: center;
    top:0;
    width: 73px;
}
#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-21 span,
#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-21:hover span {
    background: none;
    color: #898989;
    font-size: 14px;
    height:61px;
    line-height: 61px;
    padding:0;
    text-align: center;
    width:73px;
}
#left-menu ul li#menu-li-36-158 li.selected a#menu-main-sub-a-21 span,
#left-menu ul li#menu-li-36-158 li.selected a#menu-main-sub-a-21:hover span {
    background: #fce4dd;
    border-top: 3px solid #fc1025;
    color: #fc1025;
}

#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-20 {
    background: #FFF;
    border-bottom:0;
    float:left;
    height:61px;
    left:0;
    line-height: 61px;
    padding:12px 0 0 0;
    position:absolute;
    text-align: center;
    top:0;
    width:73px;
}
#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-20 span,
#left-menu ul li#menu-li-36-158 li a#menu-main-sub-a-20:hover span {
    background: none;
    color: #898989;
    font-size: 14px;
    height:61px;
    line-height: 61px;
    padding:0;
    text-align: center;
    width:73px;
}
#left-menu ul li#menu-li-36-158 li.selected a#menu-main-sub-a-20 span,
#left-menu ul li#menu-li-36-158 li.selected a#menu-main-sub-a-20:hover span {
    background: #fce4dd;
    border-top: 3px solid #fc1025;
    color: #fc1025;
}

#left-menu ul li li, #left-menu ul li#menu-li-36-158 li li {
    padding-right:0;
}

#left-menu ul li li a, #left-menu ul li.selected li a,  #left-menu ul li#menu-li-36-158 li li a, #left-menu ul li#menu-li-36-158.selected li li a {
    background:#fde4dd;
    color:#383838;
    border-top:0;
    padding-left:24px;
    border-bottom:1px solid #FFF;
}
#left-menu ul li li a span,  #left-menu ul li#menu-li-36-158 li li a span {
    padding-left:13px;
    background:url(images/sub_li.png) no-repeat left 5px;
}
#left-menu ul li li a:hover span, #left-menu ul li li.selected a span,  #left-menu ul li#menu-li-36-158.selected li li a span {
    display:block;
    padding-right:5px;
}
#left-menu ul li li a:hover, #left-menu ul li.selected li a:hover, #left-menu ul li li.selected a,  #left-menu ul li#menu-li-36-158 li li a:hover, #left-menu ul li#menu-li-36-158 li li.selected a {
    background-color:#fdcbc5;
    text-decoration:none;
    color:#383838;
}

ul#menu-main-sub {
    margin:0;
    padding:0;
    position:relative;
    padding-top:76px;
    width:220px;
}
#left .content {
    /* background:url(images/bg_left.jpg) repeat-y 0 0; */
}
.vip-club-flag {
    float:right;
    margin-right:-61px;
    margin-top:10px;
    margin-left:10px;
}
#page17 #content,  #page47 #content,  .skin-vip #content,  .skin-likevip #content,  .skin-sub #content {
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
    width:700px;
    padding-bottom:0;
}
#page17 .title,  #page47 .title,  .skin-vip .title,  .skin-likevip .title {
    margin-left:50px;
}
#page17 .cols .title {
    margin-left: 0;
}
.po_box {
    padding:40px 0 180px 50px;
    float:left;
    width:300px;
    /* position:relative; */
    height:100%;
}
.po_box h2 {
    font-size:18px;
    font-weight:normal;
    padding:0;
    margin-bottom:30px;
}
.po_box address {
    margin:0 0 30px 0;
    padding:0;
}
.po_box p {
    margin:0;
    padding:0;
}

.kontakt{
    position:absolute;
    bottom:30px;
    left:20px;
    clear:both;
    font-size:11px;
    width:290px;
    height:140px;
    background: #feecde;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.left-kontakt{left:50px;}
.right-kontakt{left:400px;}

/*.kontakt-inner{
    background:url(images/bg_ko_top.jpg) no-repeat 0 0;
}*/
.kontakt-content{
    padding:10px;
    height:130px;
    overflow:hidden;
    /*background:url(images/bg_ko_bottom.jpg) no-repeat left bottom;*/
}
.kontakt-content .int{
    float:right;
    width:140px;
}
.clearer{clear:both;}
.kontakt a{font-weight:bold;}
.int-img{
    float:left;
    width:120px;
    text-align:center;
    overflow:hidden;
}

.kontakt-day {
    display: inline-block;
    width: 65px;
}


#content ul.con-icons {
    margin:0;
    padding:0;
    position:absolute;
    bottom:10px;
    right:20px;
    float:right;
}
#content ul.con-icons li {
    list-style:none;
    margin:0;
    padding:0 2px;
    display:inline;
}
.po_row {
    position:relative;
    width:100%;
    clear:both;
    overflow:hidden;
    background:url(images/1px_dashed_down.gif) repeat-y 350px 0;
}
.po_row .clear {
    background:url(images/1px_dashed_left.gif) repeat-x left bottom;
    height:1px;
    line-height:1px;
}
.centrala {
    background:#feecde url(images/1px_dashed_left.gif) repeat-x 0 0;
}
.centrala .po_box {
    float: none;
    width:610px;
    padding:40px 40px 40px 50px;
}
.centrala .po_box .clear {
    background:none;
    height:0px;
}
.centrala address {
    float:left;
    width:300px;
    margin:0;
}
.centrala p {
    float:left;
    padding-left:50px;
}
/*.po_box .tel, .po_box .fax {
    padding-left:16px;
}*/
.po_box__label {
    display: inline-block;
    width: 50px;
}
.so {
    padding-left:88px;
}
.so span {
    padding-left:15px;
}
#map-overlay .po_box {
    float:none;
    width:500px;
    padding:30px 0 30px 50px;
}
#map-overlay .po_row .clear {
    background:none;
}
#map-overlay .po_row {
    background:url(images/1px_dashed_left.gif) repeat-x left bottom;
}
#map-overlay .po_row address {
    float:left;
    width:250px;
    margin:0;
}
#map-overlay .po_row p {
    float:left;
    width:250px;
    margin:0;
}
#mapy {
    padding:0 50px 40px 50px;
}
#mapy .mapa {
    position:relative;
    width:292px;
    margin:0 auto;
}
#mapy .mapa span {
    position:absolute;
    left:104px;
    bottom:-6px;
    font-size:18px;
}
#mapy .mapa span a {
    color:#000;
    text-decoration:none;
}
#mapy .mapa span a:hover {
    color:#000;
    text-decoration: underline;
}
#mapa_sk {
    padding-right:16px;
}
#map-overlay {
    width:600px;
    height:605px;
}
#map-overlay .content {
    overflow:auto;
    line-height:150%;
    height:635px;
}
#map-overlay h2.ov-title {
    font-size:24px;
    margin-bottom:0.5em;
    background:url(images/1px_dashed_left.gif) repeat-x left bottom;
    padding:20px 20px 20px 50px;
    margin:0;
}
/* overlay */

div.overlay {
    display: none;
    text-align: left;
    background-color: #fff;
    background-image: url(images/blank.gif);
    -moz-box-shadow: 3px 5px 18px rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 5px 18px rgba(0,0,0,0.5);
    box-shadow: 3px 5px 18px rgba(0,0,0,0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.overlay div.close {
    background: transparent url(images/overlay_close.png) no-repeat 0 0;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}
div.overlay div.close:hover {
    background-position: 0 -30px;
}
div.overlay .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px;
}
div.overlay .content {
}
/* /overlay */



#left #loga {
    padding-top:20px;
}
.skin-vip h1.title {
    background:url(data/data/image/images/vipred.png) no-repeat right center;
    height:160px;
    line-height:160px;
    position:relative;
    width:660px;
}
#vip2011 {
    margin-top:15px;
}
#vip2011 h1.title {
    background:url(data/data/image/images/vip-club2.png) no-repeat right center;
}
#vip2013 h1.title {
    background:url(data/data/image/images/vipred13.png) no-repeat right center;
}
.skin-vip #content {
    padding-top:40px;
}
#page51.skin-vip .title,  #page52.skin-vip .title {
    margin-left:50px;
    padding-right:300px;
    width:360px;
    line-height:normal;
    padding-top:50px;
    height:110px;
}
img.vip-image {
    margin:0 10px 0 -58px;
    float:left;
}
.vip-article {
    background:url(images/1px_dashed_left.gif) repeat-x left bottom;
    padding:20px 50px;
    text-align:justify;
}
.vip-content, #page38 #content .content {
    padding:20px 50px;
    text-align:justify;
}
#page38 #content .content {
    background:url(images/1px_dashed_left.gif) repeat-x left bottom;
    padding-top:0;
    padding-bottom:30px;
}
#webcatcontent {
    padding-top:20px;
}
.vip-article h2 {
    font-size:18px;
    margin-top:25px;
    font-weight:normal;
    margin-bottom:20px;
}
.vip-article h2 a {
    text-decoration:none;
}
.vip-content h2 {
    font-size:18px;
    margin-top:5px;
    font-weight:normal;
    margin-bottom:15px;
    margin-top:20px;
}
.vip-article h2 .datum {
    float:right;
    font-size:12px;
    line-height:22px;
}
.vip-content .karty h2 {
    margin-top:5px;
}
.vip-article em {
    color:#6a2222;
}
.vip-content strong em,  .vip-content .karty strong {
    color:#6a2222;
}
.vip-content .karty img {
    float:left;
    margin-bottom:15px;
    margin-right:15px;
}
.tooltip {
    display:none;
    background:transparent url(images/black_arrow.png);
    font-size:11px;
    height:90px;
    width:170px;
    padding:15px 20px;
    color:#fff;
    text-align:left;
    line-height: 135%;
}
#page17 .tooltip,  #page47 .tooltip {
    text-align:center;
}
#page17 .tooltip span,  #page47 .tooltip span {
    display:block;
    text-align:right;
    margin:0 35px 0 0;
}
.skolenie {
    width:100%;
    margin:0 auto;
}
.skolenie {
    margin-bottom:10px;
    background:url(images/bg_objednat_stred.jpg) repeat-y 0 0;
}
.skolenie tr.td_top {
    background-color:#FFF;
}
.skolenie td.tab_popis {
    background:url(images/bg_objednat_leftbottom.jpg) no-repeat left bottom;
    padding:0;
    vertical-align:top;
}
.skolenie td.tab_popis .td_obal {
    padding:10px 15px;
    background:url(images/bg_objednat_top.jpg) no-repeat 0 0;
}
.skolenie td.max {
    background:url(images/bg_objednat_top.jpg) no-repeat right top;
    padding:15px 0;
    vertical-align:middle !important;
    width:112px;
    text-align:center;
}
.skolenie td.max em {
    font-size:12px;
    font-weight:bold;
    display:block;
    padding:0 10px;
}
.skolenie strong.cena {
    font-size:22px;
    color:#1d1d1d;
    line-height:normal;
    font-weight:normal;
    padding-right:15px;
}
.skolenie h2 {
    font-size:18px;
    font-weight:normal;
    margin:0;
    padding:0;
    float:left;
}
.skolenie div.datum {
    font-size:12px;
    font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
    vertical-align:bottom;
    padding-top:5px;
    color:#ea0304;
    text-align:right;
    padding-right:5px;
}
.skolenie .mk {
    font-size:12px;
    font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
    vertical-align:bottom;
    padding-bottom:5px;
    color:#ea0304;
    padding:0;
}
.skolenie .mk strong {
    color:#626262;
}
.skolenie div.datum em {
    color:#626262;
}
.skolenie td.bt_cena {
    text-align:center;
    white-space:nowrap;
    padding:5px 0;
}
.skolenie td {
    padding:10px 15px;
}
.skolenie td.bt_obj {
    width:112px;
    text-align:center;
    padding:0;
}
.skolenie td.max .cena {
    display:block;
    text-align:center;
    color:#ea0304;
    padding:0;
    font-family:Georgia, "Times New Roman", Times, serif;
}
.skolenie td.nazov {
    padding:10px 0 5px 10px;
    vertical-align:bottom;
}
.skolenie td.bt_obj {
    vertical-align:bottom;
}
.skolenie td.bt_obj a, .skolenie td.bt_obj .empty {
    display:block;
    width:112px;
    height:30px;
    background:url(images/bt_objednat_sa.jpg) no-repeat 0 0;
    text-align:center;
    color:#FFF;
    font-size:14px;
    line-height:30px;
    font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
}
.skolenie td.bt_obj a:hover {
    text-decoration:none;
    background:url(images/bt_objednat_sa_h.jpg) no-repeat 0 0;
    color:#FFF;
}
.skolenie td.bt_obj .empty {
    background:url(images/bg_objednat_rb.jpg) no-repeat 0 0;
}
.cesta {
    position:absolute;
    top:118px;
    left:240px;
    color:#FFF;
    font-weight:bold;
}
.cesta a {
    color:#FFF;
    text-decoration:none;
    display:block;
    float:left;

    padding-right:5px;
    /*
    background:url(images/cesta_right.png) no-repeat right top;
    */
}
.cesta a span {
    display:block;
    height:21px;
    line-height:21px;
    float:left;

    padding-left:5px;
    /*
    background:url(images/cesta_left.png) no-repeat 0 0;
    */
    cursor:pointer;
}
.cesta a:hover span {
    color:#FFF;
    text-decoration: underline;
}
.cesta a.home {
    padding:0;
}
.cesta a.home span {
    text-indent:-9999px;
    overflow:hidden;
    background:url(images/home.png) no-repeat 0 0;
    width:38px;
    padding:0;
}
.cesta span.no-link {
    color:#fff;
    display:block;
    float:left;

    padding-right:5px;
    /*
    background:url(images/cesta_non_right.png) no-repeat right top;
    */
}
.cesta span.no-link span {
    display:block;
    height:21px;
    line-height:21px;
    float:left;

    padding-left:5px;
    /*
    background:url(images/cesta_non_left.png) no-repeat 0 0;
    */
}
.cesta em {
    font-style:normal;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#888c8b;
    display:block;
    height:21px;
    float:left;
    line-height:21px;
    padding:0 2px;
}
.clanok {
    width:100%;
    clear:both;
}
.article-image {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    display:inline;
    width:152px;
    text-align:center;
}
.article-image img {
    padding:10px;
    border:1px solid #EFEDE6;
}
#page35 .vip-article .text {
    float:right;
    width:425px;
}
.em {
    font-family:Verdana, Geneva, sans-serif;
}
.strany a {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #000;
    margin:0 1px;
    line-height: 25px;
    padding: 3px 5px;
    text-decoration: none;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.strany a:hover, .strany a:active {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
    text-decoration: none;
}
.strany a.currentpage {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF !important;
    cursor: default;
}
.strany a.disablelink, .strany a.disablelink:hover {
    background-color: white;
    border-color: #929292;
    color: #929292;
    cursor: default;
    font-weight: normal !important;
}
.strany a.prevnext {
    font-weight: bold;
}
.dot {
    padding: 0 2px 0 5px;
}
.strany {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}
.row-icons {
    width:700px;
    overflow:hidden;
    background:url(images/bg_rows_line_down.gif) repeat-y 0 0;
}
.row-icons .clear {
    height:1px;
    background:#e1e1da;
    overflow:hidden;
}
.row-icons .icon {
    float:left;
    width:233px;
    height:100%;
}
.row-icons .icon-pos-1 {
    width:234px;
}
.row-icons .icon a {
    display:block;
    width:100%;
    min-height:134px;
    height:130px;
    padding:14px 0;
    text-align:center;
    color:#383838;
    text-decoration:none;
    font-size:15px;
    position:relative;
}

.row-icons--no-image .icon a {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    padding: 14px 5%;
    width: 90%;
}

.row-icons .icon a span.fade {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
    -moz-opacity:0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15;
}
.row-icons .icon a:hover span.fade {
    background-color:#323700;
    color:#383838;
    text-decoration:none;
}
.row-icons .icon a span.image {
    text-align:center;
    height:90px;
    margin-top:16px;
    background-position: center center;
    background-repeat:no-repeat;
    display:block;
    cursor:pointer;
}
.su-icons .icon a span.image {
    text-align:center;
    height:90px;
    width: auto;
    margin-bottom:16px;
}
.su-icons .icon a {
    padding-bottom:18px;
}
#su-35 .image,  #su-85 .image,  #su-86 .image,  #su-87 .image,  #su-89 .image, #su-94 .image {
    background-image:url(data/icons/images/dod_aktuality.jpg);
}
#su-36 .image {
    background-image:url(data/icons/images/dod_sort.jpg);
}
#su-38 .image {
    background-image:url(data/icons/images/dod_ic_katalog.jpg);
}
#su-39 .image {
    background-image:url(data/icons/images/dod_ic_technika.jpg);
}
#su-90 .image {
    background-image:url(data/icons/images/dod_ic_calculator.jpg);
}
#su-91 .image {
    background-image:url(data/icons/images/qsprofessional.jpg);
}
#su-59 .image {
    background-image:url(data/icons/images/dod_tecdoc.jpg);
}
#su-40 .image {
    background-image:url(data/icons/images/ic_journal.jpg);
}
#su-43 .image {
    background-image:url(data/icons/images/dodo_skolenia.jpg);
}
#su-54 .image {
    background-image:url(data/icons/images/dod_fleet.jpg);
}
#su-93 .image {
    background-image:url(data/icons/images/dod_download.jpg);
}
#ic-34 .image,  #ic-55 .image {
    background-image:url(data/icons/tlmice.jpg);
}
#ic-35 .image,  #ic-56 .image {
    background-image:url(data/icons/brzdy.jpg);
}
#ic-36 .image {
    background-image:url(data/icons/loziska.jpg);
}
#ic-37 .image,  #ic-57 .image {
    background-image:url(data/icons/diely-riadenia.jpg);
}
#ic-38 .image,  #ic-58 .image {
    background-image:url(data/icons/spojky.jpg);
}
#ic-39 .image {
    background-image:url(data/icons/poloosy.jpg);
}
#ic-40 .image,  #ic-60 .image {
    background-image:url(data/icons/filtre.jpg);
}
#ic-41 .image,  #ic-62 .image {
    background-image:url(data/icons/tesnenie-motora.jpg);
}
#ic-42 .image {
    background-image:url(data/icons/remene.jpg);
}
#ic-43 .image {
    background-image:url(data/icons/kladky.jpg);
}
#ic-44 .image {
    background-image:url(data/icons/vodne-pumpy.jpg);
}
#ic-45 .image {
    background-image:url(data/icons/chladice.jpg);
}
#ic-46 .image {
    background-image:url(data/icons/vyfuky.jpg);
}
#ic-47 .image {
    background-image:url(data/icons/zrkadla-svetla-okna.jpg);
}
#ic-48 .image {
    background-image:url(data/icons/sviecky.jpg);
}
#ic-49 .image {
    background-image:url(data/icons/autobaterie.jpg);
}
#ic-50 .image {
    background-image:url(data/icons/startery.jpg);
}
#ic-51 .image {
    background-image:url(data/icons/diely-zapalovania.jpg);
}
#ic-52 .image,  #ic-69 .image {
    background-image:url(data/icons/oleje.jpg);
}
#ic-53 .image {
    background-image:url(data/icons/kvapaliny.jpg);
}
#ic-54 .image {
    background-image:url(data/icons/autochemia.jpg);
}
#ic-59 .image {
    background-image:url(data/icons/diely-prevodoviek.jpg);
}
#ic-61 .image {
    background-image:url(data/icons/kladky-remene.jpg);
}
#ic-63 .image {
    background-image:url(data/icons/chladenie.jpg);
}
#ic-64 .image {
    background-image:url(data/icons/vyfuky-turba.jpg);
}
#ic-65 .image {
    background-image:url(data/icons/plastove-diely.jpg);
}
#ic-66 .image {
    background-image:url(data/icons/zavesne-zariadenia.jpg);
}
#ic-67 .image {
    background-image:url(data/icons/startery.jpg);
}
#ic-68 .image {
    background-image:url(data/icons/autobaterie-svetla.jpg);
}
#ic-70 .image {
    background-image:url(data/icons/original.jpg);
}
.accordion h3 {
    margin:1px 0 0 0;
    font-size:15px;
    font-weight:normal;
    padding:0;
}
.accordion h3 a {
    text-decoration:none;
    color:#2f2f2f;
    display:block;
    padding:8px 25px;
    background:#cacbc5;
    position:relative;
}
.accordion h3 a span {
    display:block;
    position:absolute;
    top:7px;
    right:25px;
    height:20px;
    width:20px;
    background:url(images/arrow_down.png) no-repeat 0 0;
}
.accordion h3 a:hover span, .accordion h3.ui-state-active a span {
    background:url(images/arrow_down_h.png) no-repeat 0 0;
}
.accordion h3 a:hover, .accordion h3.ui-state-active a {
    text-decoration:none;
    color:#2f2f2f;
    background:#bcbeb9;
}
.left-loga .top {
    height:9px;
    background:url(images/ico_bottom2.jpg) no-repeat 0 0;
}
.left-loga .bottom {
    clear:both;
    height:9px;
    background: url(images/ico_bottom2.jpg) no-repeat 0 0;
}
.left-loga ul {
    margin:0;
    padding:0;
}
.left-loga ul li {
    list-style:none;
    float:left;
    width:110px;
    height:86px;
}
.left-loga ul li a {
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position: 0 0;
}
.left-loga ul li a:hover {
    background-position:0 -86px;
}
.left-loga ul li.lo-3, .left-loga ul li.lo-4 {
    height:70px;
}
.left-loga ul li.lo-3 a:hover, .left-loga ul li.lo-4 a:hover {
    background-position:0 -70px;
}
.left-loga ul li.lo-1 a {
    background-image:url(data/loga/ico-qs.jpg);
}
.left-loga ul li.lo-2 a {
    background-image:url(data/loga/ico-vb.jpg);
}
.left-loga ul li.lo-3 a {
    background-image:url(data/loga/ico-autocrew.jpg);
}
.left-loga ul li.lo-4 a {
    background-image:url(data/loga/ico-q-service.jpg);
}
#content #dod {
    margin:0;
    padding:0;
}
#content #dod li.dod-vyb {
    background: url("images/vybaveni-servisu.jpg") no-repeat scroll 0 0 transparent;
}
#content #dod li {
    width:100%;
    height:202px;
    position:relative;
    margin-bottom:1px;
    list-style-type:none;
    padding:0;
}
#content #dod li.dod-20 {
    background:url(images/osobne-vozidla.jpg) no-repeat 0 0;
}
#content #dod li.dod-21 {
    background:url(images/nakladne-vozidla.jpg) no-repeat 0 0;
}
#content #dod li.dod-125 {
    background:url(images/moto.jpg) no-repeat 0 0;
}
#content #dod li h2,  #dod-os h1,  #dod-na h1, #dod-moto h1 {
    font-size:28px;
    font-weight:normal;
    color:#383838;
    position:absolute;
    top:40px;
    left:35px;
}
#content #dod li p,  #dod-os p,  #dod-na p, #dod-moto p {
    position:absolute;
    top:90px;
    left:35px;
    color:#383838;
    font-size:12px;
    width:320px;
}
#content #dod li a.prehlad {
    display:block;
    width:167px;
    height:30px;
    text-decoration:none;
    color:#ff0000;
    font-weight: bold;
    line-height:27px;
    text-indent:30px;
    font-size:13px;
    background:url(images/prehlad-sortimentu.png) no-repeat 0 0;
    position:absolute;
    top:155px;
    left:35px;
}
#content #dod li a.prehlad:hover {
    background-position:0 -30px;
    color:#fff;
    text-decoration:none;
}
#dod-os,  #dod-na, #dod-moto {
    width:100%;
    height:202px;
    position:relative;
    background:url(images/osobne-vozidla.jpg) no-repeat 0 0;
}
#dod-na {
    background:url(images/nakladne-vozidla.jpg) no-repeat 0 0;
}
#dod-moto {
    background:url(images/moto.jpg) no-repeat 0 0;
}
#dod-os a.prehlad,  #dod-na a.prehlad, #dod-moto a.prehlad {
    display:block;
    width:190px;
    height:44px;
    text-decoration:none;
    color:#fff;
    line-height:40px;
    font-size:18px;
    background:url(images/button-vozidla.png) no-repeat 0 0;
    position:absolute;
    text-align:center;
    top:15px;
    right:25px;
}
#dod-os a.prehlad:hover,  #dod-na a.prehlad:hover, #dod-moto a.prehlad:hover {
    background-position:0 -44px;
    color:#fff;
    text-decoration:none;
}
.detail-top {
    background:url(images/bg_detail1.jpg) no-repeat 0 0;
    height:172px;
    position:relative;
}
.detail .detail-top h2 {
    font-size:18px;
    position:absolute;
    top:20px;
    left:35px;
    background:url(images/arrow_left.gif) no-repeat 0 7px;
    color:#FFF;
    margin:0;
    padding:0 0 0 15px;
    font-weight:normal;
}
.detail h3 {
    font-size:14px;
}
.detail .detail-top p {
    font-size:11px;
    position:absolute;
    top:50px;
    left:35px;
    color:#FFF;
    margin:0;
    padding:0;
    width:380px;
    line-height:normal;
}
.detail-top a {
    display:block;
    width:167px;
    height:30px;
    color:#ff0000;
    font-weight: bold;
    line-height:27px;
    text-indent:30px;
    font-size:13px;
    background:url(images/back.png) no-repeat 0 0;
    position:absolute;
    bottom:35px;
    left:35px;
    text-decoration:none;
}
.detail-top a:hover {
    background-position:0 -30px;
    color:#fff;
    text-decoration:none;
}
.detail-top .image {
    background-position: center center;
    background-repeat: no-repeat;
    height: 90px;
    position: absolute;
    right: 95px;
    top: -40px;
    width: 180px;
}
.detail .clanok {
    width:100%;
    padding:20px 0 0 0;
    border-bottom:4px solid #efede6;
}
.detail .clanok .clear, #downloads .clear {
    height:1px;
    background:#FFF;
    border-top:4px solid #efede6;
}
#downloads {
    background:#FFF;
    padding-top:1px;
    border-top:4px solid #efede6;
}
.detail .clanok .logo-image {
    width:120px;
    float:left;
    padding-bottom:20px;
    padding-left:40px;
    text-align:center;
}
#downloads.detail .clanok .logo-image a {
    display:block;
    margin:0 auto;
    text-indent:-9999px;
    overflow:hidden;
    width:41px;
    height:40px;
    background:url(images/download.png) no-repeat 0 0;
}
#downloads.detail .clanok .logo-image a:hover {
    background:url(images/download.png) no-repeat -41px 0;
}
.detail .clanok .logo-image {
    width:120px;
    float:left;
    padding-bottom:20px;
    padding-left:40px;
}
.detail .clanok-inner {
    width:460px;
    float:right;
    padding-right:40px;
    padding-bottom:20px;
    text-align:justify;
}
.detail .clanok-inner p {
    margin:0;
    padding:0;
}
#webcatcontent h2.title {
    padding-bottom:20px;
}
#webcatcontent .content h2 {
    color:#6A2222;
}
#webcatcontent li h3 a {
    font-size:16px;
    font-weight:bold;
}
.sec-loga {
    border-collapse:collapse;
    width:100%;
    margin:0;
    padding:0;
    border-spacing:0;
    margin-top:15px;
}
.sec-loga td {
    padding:0;
    border:1px solid #eae9db;
}
.sec-loga td.cell-1 {
    border-left:0;
}
.sec-loga td.cell-4 {
    border-right:0;
}
#vip2013 {
    margin-bottom:20px;
}

.soc-loga {
    position: absolute;
    right: 0;
    top: 48px;
}

input.error, textarea.error {
    border-color: #ff4343;
}

label.error {
    color: #ff4343;
    display: block;
}

.form-required, .require, .requiare {
    color: #EA4A26;
}

.form-row {
    margin: 0 0 20px 0;
}

.form-label {
    display: inline-block;
    width: 125px;
}

.form-label--short {
    width: 95px;
}

.form-field {
    display: inline-block;
}

.form-field__input {
    border: 1px solid #aaa;
    padding: 5px 5px;
    width: 420px;
}

.form-field__input--short {
    margin-right: 30px;
    width: 135px;
}

.select {
    border: 1px solid #aaa;
    padding: 3px 0;
}

.flash {
    border: 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 1em;
    padding: 1em;
}

.flash--margin {
    margin: 0 0 55px 0;
}

.flash-info {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.flash-info b, .flash-info strong {
    color: #468847;
}

.flash-danger {
    background-color: #FBE3E4;
    border-color: #FBC2C4;
    color: #8a1f11;
}

.flash-danger b, .flash-danger strong {
    color: #8a1f11;
}

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.countries-tab-wrap {
    overflow: hidden;
}

.countries-tab {
    animation-delay: 0.25s;
    /*animation-duration: 1s;*/
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    list-style: none;
    margin: 0 auto 25px auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 595px;
}

.countries-tab__item {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: none;
    float: left;
    font-size: 13px;
    padding: 0!important;
    position: relative;
    text-transform: uppercase;
    width: 84px;
    /*width: 14.28%;*/
}

.no-js .country-tab__item {
    display: block;
}

.countries-tab__link {
    border-bottom: 6px solid transparent;
    display: block;
    outline: 0;
    padding: 3px 0;
    text-decoration: none;
}

.countries-tab__link img {
    border: 1px solid #ededed;
    display: inline-block;
    margin: 18px auto;
}

.countries-tab__item--active .countries-tab__link {
    border-bottom: 6px solid #c20008;
}

.countries-tab__link:hover {
    border-bottom: 6px solid #c20008;
    text-decoration: none;
}

.countries-tabs {
    margin: 50px 0;
    overflow: hidden;
}

.tab-content {
    display: none;
}

.no-js .tab-content {
    display: block;
    margin-bottom: 35px;
}

.tab-content--active {
    display: block;
}

.tab-content__flag {
    float: left;
    width: 30%;
}

.tab-content__flag img {
    /*animation-duration: 1s;*/
    border: 1px solid #ededed;
    display: inline-block;
    height: auto!important;
    max-width: 100%!important;
}

.tab-content__content {
    animation-delay: 0.15s;
    /*animation-duration: 1s;*/
    float: left;
    padding: 0 3%;
    width: 64%;
}

.tab-content__content__headline {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.tab-content__content__description {

}

#viplogin{position: absolute; top: 120px; left: 0;}
#viplogin ul{margin: 0; padding: 0;}
#viplogin ul li{margin: 0; padding: 0 0 0 20px; list-style: none; background: url("images/login.png") no-repeat 0 center;}
#viplogin ul li a{text-decoration: none; color: #fff;}
#viplogin ul li a span{color: #ffcb18;}
#viplogin ul.logged li{background: url("images/logged.png") no-repeat 0 center;}

.login-box {
    background: #23364E;
    display: none;
    padding: 2em;
    position: absolute;
    left: 0;
    text-align: left;
    top: 29px;
    width: 300px;
    z-index: 99;
    color: #fff;
}
.login-box fieldset{border: 0;}
.login__title {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}
.login-box label, .login-box input {
    display: block;
}
.login-box label {
    clear: both;
    color: #fff;
    font-size: 12px;
    margin-bottom: 6px
}
.login-box label.permanent{margin-bottom: 14px;}
.login-box label.permanent input{display: inline;}
.login-box a{float: left; margin-top: 5px;}
#viplogin .login-box a:hover{color: #fff; text-decoration: underline;}
.login__field {
    border: 1px solid #3b3f49;
    font-size: 12px;
    margin-bottom: 14px;
    padding: 0.25em 5%;
    width: 90%;
}
.login__submit,
#viplogin .logged li .login-box a{
    background: #ca0001;
    border: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    float: right;
    padding: 0.66667em 2.16667em;
    cursor: pointer;
    text-align: center;
}
#viplogin .logged li .login-box a{float: none; display: block;}
div.red{color:#f00; text-align: center;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.newsletter-box {
    background: url('/images/newsletter_panel.jpg') left center no-repeat #fff;
    height: 207px;
    margin-bottom: 20px;
    padding: 40px 50px 0 350px;
}

.newsletter-box-sidebar {
    background: #fff;
    margin: 3px 0 0 0;
    padding: 30px 25px;
}

.newsletter-box h2 {
    font-size: 28px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 15px;
    padding: 0;
}

.newsletter-submit {
    background: #2c3b4c;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    text-align: center;
}

.newsletter-submit:hover {
    background: #3b4f66;
}

.newsletter-input {
    background: #e9e9e9;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 7px;
    width: 95%;
}

.newsletter-input-sidebar {
    background: #fff;
    border: 1px solid #cccccc;
    font-size: 14px;
    padding: 2px 5px;
    width: 85%;
}

.flash {
    border: 1px solid;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 0 1em 0;
    padding: 1em 2em;
}

.flash--success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    
}

.flash--alert {
    background-color: #FBE3E4;
    border-color: #FBC2C4;
    color: #8a1f11;
}

.contact-email-box {
    background: #fff;
    box-shadow: 0.574px 0.819px 1px 0px rgba(0, 0, 0, 0.25);
    color: #000;
    display: table;
    font-size: 19px;
    width: 100%;
}

.contact-email-box__inner {
    display: table-row;
}

.contact-email-box__info {
    border-left: 4px solid #cf1e35;
    display: table-cell;
    padding: 20px 0 20px 25px;
}

.contact-email-box__link {
    border-right: 4px solid #cf1e35;
    display: table-cell;
    text-align: right;
    padding: 20px 50px 20px 0;
}

.contact-email-box__btn {
    background-color: #cf1e35;
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    max-width: 370px;
    padding: 14px 0;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease;
    width: 100%;
}

.contact-email-box__btn:hover {
    background-color: #d64256;
    color: #fff;
}

.contact-email-box__btn--compact {
    padding: 14px 50px;
    width: auto;
}