@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:600,400,200,300&subset=latin,latin-ext);
body {background:#f2f2f2;font-size:14px;color:#4d4d4d;font-family:Arial, Helvetica, sans-serif;}
a {cursor:pointer;outline:none;text-decoration :none;}
.block {display:block;}
h2 {font-family:"Titillium Web";font-weight:600;font-size:30px;}
img.center {margin:10px auto;}
#page-wrapper {width:960px;margin:0 auto;}
#head {height:58px;margin-bottom:3px;background:url(../img/h1_logo.png) left 15px no-repeat;}
#head #logolink {width:200px;height:58px;display:block;}
#menu {background-color:#062237;padding-bottom:1px;}
#menu ul {display:block;height:32px;padding:0;line-height:32px;text-align:right;margin:0;padding:0;}
#menu ul li {display:inline-block;margin:0 5px;list-style: none outside none;padding:0 10px;padding-top:5py;}
#menu ul li a {color:#dbdada;display:block;font-family:"Titillium Web";font-weight:300;font-size:15px;text-decoration:none;}
#menu ul li a:hover {color:#ff1b01;}

#slider {width:960px;height:418px;position:relative;}
#slider ul {margin:0;padding:0;list-style: none outside none;}
#slider .slides_container {height: 418px;}
#slider .bar{
    position:absolute;
    bottom:0;
    background:url(../img/promotion_bar.png) no-repeat 0 0;
    z-index:1000;
    height:41px;
    width:100%
}
#slider ul.pagination{ /* button */
    overflow:hidden;
    position:absolute;
    bottom:15px;left:428px;
    z-index:9999;
    display:inline;
    text-align:center;
}
#slider ul.pagination li{
    float:left;
}
#slider ul.pagination .current a{
    background-position:0 -9px
}
#slider .arrow a{
    display:block;
    text-indent:-1000em;
    overflow:hidden;
    position:absolute;
    top:170px;
    background:url(../img/btn_arrow.png) no-repeat -26px 0;
    width:26px;
    height:51px;
    z-index:9999
}
#slider .arrow a.next{
    right:20px
}
#slider .arrow a.prev{
    left:20px;
    background:url(../img/btn_arrow.png) no-repeat 0px 0
}
ul.pagination{ /* button */
    overflow:hidden;
    position:absolute;
    bottom:15px;left:428px;
    z-index:9999
}
ul.pagination a{
    width:9px;
    height:9px;
    display:block;
    text-indent:-1000em;
    background:url(../img/btn_promotion.png) no-repeat 0 0px;
    margin-right:10px
}
ul.pagination li{
    float:left
}
ul.pagination .current a{
    background-position:0 -9px
}

#content-wrapper {margin:10px 0 0 0;padding:40px;background:#fff;border:1px solid #dcdcdc;position:relative;}
#footer {padding:30px 40px 10px;margin:10px 0 0 0;background:#fff;border:1px solid #dcdcdc;position:relative;text-align:center;}
#footer .column {display:inline-block;padding:60px 40px 10px;width:210px;min-height:100px;text-align:center;font-family:"Titillium Web";vertical-align:top;}
#footer .column h3 {font-size:18px;font-weight:400;}
#footer .column p {font-size:14px;font-weight:200;height:120px;}
#footer .column a {display:block;font-size:16px;color:#0088cc;font-weight:400;}
#col1 {background:url(../img/footer_icon1.gif) scroll center 10px no-repeat;}
#col2 {background:url(../img/footer_icon2.gif) scroll center 10px no-repeat;}
#col3 {background:url(../img/footer_icon3.gif) scroll center 10px no-repeat;}
#footer .youtube {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DCDCDC -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    clear: both;
    margin: 25px 0 0;
    padding: 10px 0 0;
    width: 100%;
}
#copyright {font-family:"Titillium Web";font-weight:300;text-align:center;font-size:13px;}
/* osawa-ról */
table {}
table th {text-align:left;padding-right:15px;vertical-align:top;}
table td {text-align:left;padding-bottom:2px;vertical-align:top;}
#contactform .input {vertical-align:top;}
#contactform .input label, #contactform .submit label {display:inline-block;width:120px;font-weight:bold;vertical-align:top;}
#contactform .input input, #contactform .input textarea {width:400px;}
#contactform .required label:after {content:' *';color:red;}
#contactform .submit {margin:10px 0;}
#contactform .input input.error, #contactform .input textarea.error {border:1px solid red;}
#contactform .input label.error {display:block;margin:2px 0 2px 124px;padding:2px 5px;border:1px solid red;color:red;font-size:14px;font-weight:normal;background:#fcc;width:250px;}
#contactform .required label.error:after {content:none;}
#captcha1 {padding-left:120px;}
.simpleCaptchaSelected {border:2px solid #FFC001;}

.video {
    clear: both;
    height: 285px;
    margin: 0 auto;
    padding: 30px 0;
    width: 450px;
}
.clear {clear:both;}
#main-wrapper {position:relative;}
#mainleft {float:left;width:412px;margin:0;padding:1px 25px 0 0;border-right:1px dotted #bbb;border-top:1px #fff;}
#mainright {margin-left:439px;padding-top:1px;padding-left:25px;position:relative;border-top:1px #fff;}
div.item {position:relative;margin-bottom:25px;font-family:"Titillium Web";font-weight:300;font-size:14px;}
div.item img {display:block;float:left;}
div.item .itemcontent {margin-left:170px;font-weight:311;font-size:14px;}
div.item .itemcontent p {margin:0;}
div.item h4 {font-weight:400;font-size:16px;margin:5px 0 0 0;}
.right {text-align:right;}
.tovabb a {font-family:"Titillium Web";font-weight:600;font-size:18px;color:#0088cc;border-bottom:1px dotted #0088cc;}
#product-left {float:left; width:200px;}
#product-left ul {padding:0;margin:0;}
#product-left ul li {
    list-style-type:none;
    background: url("../img/termekek/bu_arrow_off.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-top: 1px solid #DCDCDC;
    clear: both;
    display: block;
    height: 26px;
    line-height: 26px;
    text-indent: 15px;
    font-family:"Titillium Web";font-weight:400;font-size:15px;
    }
#product-left ul li a {
    color: #4D4D4D;
    display: block;
}

#product-left ul li.current a, #product-left ul li:hover a {
    background: url("../img/termekek/bu_arrow_on.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #0B487C;
    text-decoration: none;
}
#product-left #kapcsolatdoboz {margin-top:60px;}
#product-left #kapcsolatdoboz a {color:#0088cc;border-bottom:1px dotted #0088cc}
#product-right {margin-left:25px;border-left:1px dotted #bbb;padding-left:25px;float:left;}

.product-table {
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;
    color: #4D4D4D;
    width: 600px;
    font-family:"Titillium Web";font-weight:400;font-size:13px;
    border-collapse:collapse;
}
.product-table th {
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.product-table th.model {
    background: none repeat scroll 0 0 #87C3DF;
    border-right: 1px solid #FFFFFF;
}
.product-table th.description {
    background: none repeat scroll 0 0 #87AADF;
}
.product-table td {
    border-bottom: 1px solid #C7C7C7;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}
.product-table td.item {
    background: none repeat scroll 0 0 #F2F2F2;
    border-right: 1px solid #C7C7C7;
}
.product-table td.desc p {text-align:right;margin:2px;}
.product-table td.picture {
    border-right: 1px solid #C7C7C7;
}
.product-table td.desc {
    line-height: 150%;
    text-align: left;
}
.product-table td.technical {
    background: none repeat scroll 0 0 #F2F2F2;
    border-right: 1px solid #C7C7C7;
    padding: 15px 20px;
    text-align: left;
}
.product-table td.pdf {
    padding: 18px 20px;
    text-align: center;
}
