/* Basic styles */
*{margin:0;padding:0}
body{line-height:103%}
img,fieldset{border:0}
img{vertical-align:bottom}
a,a:hover{cursor:pointer;text-decoration:none;outline:none}
ul{list-style:none}
option{padding:0 .5em 0 1px}
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:top;text-align:left;font-weight:normal}
address{font-style:normal}
p,li{line-height:125%}
h1,h2,h3,h4,h5,h6{line-height:120%;font-size:1em;font-weight:normal;}
.clear{clear:both}
.clearfix:after{content:'';display:block;clear:both}
.center{text-align:center;}

/* Html,body,#wrapper */
html{background:#fff url(../images/branding/html_bg.png) repeat-x;}
body,input,textarea,select{color:#333;font-size:11px;font-family:arial,sans-serif;}
#wrapper{width:996px;margin:0 auto;position:relative;padding:103px 0 0;}

/* logo */
#logo-daf{position:absolute;left:16px;top:24px;}
#logo{position:absolute;left:330px;top:21px;font-size:19px;color:#333;line-height:15px;}
#logo small{font-size:10px;font-weight:bold;}
#logo a{color:#333;}

/* nav */
#nav{position:absolute;right:0;top:21px;z-index:99;}
#nav li{float:left;line-height:12px;padding:0px 10px 2px;border-left:1px solid #ccc;color:#000;}
#nav li.home{border:0;}
#nav a{float:left;color:#999;}
#nav a:hover{color:#000;}
#nav li ul{display:none;width:142px;position:absolute;left:5px;top:13px;border:1px solid #ccc;border-bottom:0;}
#nav li:hover{position:relative;}
#nav li:hover ul{display:block;}
#nav li li{background:none;padding:0;border:0;}
#nav li li a{width:118px;color:#000;float:left;background:url(../images/branding/nav2_li_bg.png) no-repeat;line-height:13px;padding:4px 0 4px 24px;border:0;border-bottom:1px solid #ccc;text-transform:none;}
#nav li li a:hover{color:#fff;background:url(../images/branding/nav2_li_bg-h.png) no-repeat;}
#nav .lang span{float:left;padding:0 3px;color:#999;}
#nav .lang a.active{color:#000;}

/* nav-2 */
#nav2{position:absolute;right:-10px;top:67px;z-index:98;}
#nav2 li{float:left;background:url(../images/branding/nav-arrow.png) 0 2px no-repeat;padding:0 5px 10px 10px;margin:0 20px 0 0;font-size:10px;line-height:12px;}
#nav2 a{color:#999;font-weight:bold;text-transform:uppercase;}
#nav2 a:hover{color:#000;}
#nav2 span{display:block;color:#999;font-size:10px;font-weight:bold;text-transform:uppercase;cursor:pointer;}
#nav2 li ul{display:none;width:142px;position:absolute;left:5px;top:21px;border:1px solid #ccc;border-bottom:0;}
#nav2 li:hover{position:relative;}
#nav2 li:hover ul{display:block;}
#nav2 li:hover span{color:#000;}
#nav2 li li{background:none;padding:0;border:0;margin:0;}
#nav2 li li a{width:118px;color:#000;float:left;background:url(../images/branding/nav2_li_bg.png) no-repeat;line-height:13px;padding:4px 0 4px 24px;border:0;border-bottom:1px solid #ccc;text-transform:none;}
#nav2 li li a:hover{color:#fff;background:url(../images/branding/nav2_li_bg-h.png) no-repeat;}

/* Footer */
#footer{border-top:8px solid #102F82;margin:18px 0 0;position:relative;padding:0 0 10px;}
#footer hr{display:none;}
#footer address{padding:5px 0 0 17px;line-height:18px;color:#999;}
#footer .loga{position:absolute;left:170px;top:0px;}

/* Main */
#main{overflow:hidden;padding:0 15px;background:url(../images/branding/left_bg.png) 15px 0 repeat-y;}

/* LEFT */
#left{width:222px;float:left;padding:0 15px 0 0;}
#left h2{font-size:19px;color:#000;margin:0 0 25px;font-weight:normal;padding:15px 0 0;}
#left ul{margin:0 0 10px;list-style:none;width:222px;}
#left ul ul{margin:0 0 -1px;border-top:1px solid #ccc;overflow:hidden;}
#left li{border-bottom:1px solid #ccc;}
#left li a{color:#000;background:url(../images/branding/nav-arrow.png) 10px 7px no-repeat;line-height:11px;padding:5px 0 5px 24px;display:block;}
#left li a:hover{color:#112E83;background:url(../images/branding/nav-arrow.png) 10px 7px no-repeat;}
#left li.active a{color:#000;font-weight:bold;background:#fff url(../images/branding/nav-arrow.png) 10px 7px no-repeat;}
#left li span{background:url(../images/branding/nav-plus.png) 10px 7px no-repeat;padding:0 0 0 24px;line-height:11px;padding:5px 0 5px 24px;display:block;}
#left li li a{color:#000;background:url(../images/branding/nav-arrow.png) 30px 7px no-repeat;line-height:11px;padding:5px 0 5px 44px;display:block;}
#left li li a:hover{color:#112E83;background:url(../images/branding/nav-arrow.png) 30px 7px no-repeat;}
#left li li.active a{color:#000;font-weight:bold;background:#fff url(../images/branding/nav-arrow.png) 30px 7px no-repeat;}

/* RIGHT */
#right{width:223px;float:right;}

#right .box{width:223px;}
#right .box{border:1px solid #ccc;margin:0 0 9px;}
#right .box h2{background:url(../images/branding/right_box_h2_bg.png) repeat-x;color:#112E83;font-weight:bold;line-height:11px;padding:3px 5px;margin:0;}
#right .box h2 a{color:#112E83;}
#right .box .in{border:1px solid #fff;padding:7px;background:url(../images/branding/right_box_bg.png) repeat-y;overflow:hidden;}

#right .box-logo{text-align:center;}
#right .box-logo .in{background:#fff;}

#right .box ul{list-style:none;}
#right .box li{padding:0 0 3px 14px;background:url(../images/branding/right_box_arrow.png) 0 3px no-repeat;margin:0;line-height:12px;}
#right .box li a{color:#000;}
#right .box li a:hover{color:#112e83;}

#right .box p.link{text-align:right;margin:0;line-height:12px;}
#right .box p.link a{background:url(../images/branding/nav-arrow.png) 0 4px no-repeat;padding:0 0 0 8px;color:#112E83;font-weight:bold;}
#right .box p.link a:hover{color:#000;}

#right .box-polecamy img{margin:0 0 5px;}

#right .box p.pdf{padding:0 0 0 50px;line-height:14px;background:url(../images/branding/ico-pdf-big.png) 3px 0 no-repeat;height:32px;}
#right .box p.pdf a{color:#122E82;text-decoration:underline;line-height:14px;}
#right .box p.pdf a:hover{color:#000;}

#right .box-kontakt p{color:#999;line-height:14px;padding:0 0 8px;}
#right .box-kontakt p.center{color:#000;padding:0;}

#right .box big{font-weight:bold;font-size:14px;}

#right .box-broszury p{overflow:hidden;zoom:1;border-top:1px solid #ccc;padding:8px 0;}
#right .box-broszury p.first{border:0;margin-top:-8px;}
#right .box-broszury p img{float:left;margin:0 5px 0 0;}
#right .box-broszury p a{color:#b4030d;}
#right .box-broszury p a:hover{color:#000;}

/* Content */
#content{float:left;width:490px;}
.wide #content{width:727px;}
.wide #main{background:none;}
#content h1{background:url(../images/branding/h1_bg.png) repeat-x;padding:15px 9px;color:#000;font-size:19px;line-height:21px;font-weight:bold;border-bottom:1px dashed #ccc;margin:0 0 10px;}
#content h1 span{display:block;padding:8px 0 0;color:#666;font-size:14px;line-height:16px;}
#content #top-pic{margin:0 0 10px;}

/* CONTENT Styles */
.c p,.c table,.c form,.ed{margin:0 0 10px;}
.c ul{margin:0.5em 0 1em 0;list-style:disc}
.c ul li{margin:0 0 0 1.5em}
.c ul li li{margin:0 0 0 1.5em;background:none;list-style:disc}
.c ol{list-style:decimal;margin:0.5em 0 1em 0}
.c ol li{margin:0 0 0 2em}
.c dl{margin:0.5em 0 1em 0}
.c dl dt{margin:0 0 .2em;font-weight:bold}
.c dl dd{margin:0 0 1em 3em}
.c blockquote{margin:1em;}
.c .center{text-align:center;}

.c img.right{float:right;margin:0 0 1em 2em}
.c img.left{float:left;margin:0 2em 1em 0}

.c p,.c li{line-height:14px;}
.c a{color:#112E83;}
.c a:hover{color:#000;text-decoration:underline;}
.c h2{color:#112E83;font-weight:bold;font-size:12px;margin:20px 0 5px;}
.c h3{color:#112E83;font-size:11px;margin:5px 0;font-weight:bold;}
.c h4{color:#112E83;font-size:11px;margin:5px 0;}
.c a.pdf{background:url(../images/branding/ico-pdf.png) 100% 0 no-repeat;padding:2px 25px 2px 0;line-height:18px;}

/* FORM Styles */
.c .rf{margin:0 0 10px;zoom:1}
.c .rf:after{content:"";display:block;clear:both}
.c .req label{font-weight:bold;}
.c input,.c textarea{border:1px solid #ccc}
#errors{list-style:none;border:1px solid red;padding:.5em;background:#fffeee;margin:0 0 1em;}
#errors li{color:red;line-height:125%;font-size:.9em;margin:0;}
#success{font-weight:bold;}


/* PAGE HOME */
body.home #content{width:995px;padding:0;}
body.home #main{padding:0;background:none;}
#home-pic{display:block;margin:0 0 2px;}
#home-boxes{overflow:hidden;zoom:1;padding:16px 0 0;background:url(../images/branding/box_top_bg.png) 0 1px repeat-x;}
#home-boxes p.link a{color:#112E83;font-weight:bold;text-decoration:underline;padding:0 0 0 8px;background:url(../images/branding/nav-arrow.png) 0 5px no-repeat;}
#home-boxes p.link a:hover{color:#000;}
#home-boxes #right{margin:0 2px 0 0;}

/* POJAZDY DAF */
div.pics2{overflow:hidden;zoom:1;margin:20px 0 0;}
div.pics2 .pic1{float:left;width:235px;padding:0 20px 0 0;}
div.pics2 .pic1 img{margin:0 0 5px;}
div.pics2 .pic2{float:left;width:235px;}
div.pics2 .pic2 img{margin:0 0 5px;}
div.pics2 .pic0 img{float:left;padding:0 10px 0 0;}
div.pics2 .pic0 p{float:left;width:235px;}
div.pics2 .pic00 img{float:right;}
div.pics2 .pic00 p{float:left;width:230px;}
div.pics2 p{line-height:14px;}
.tabs h2{margin:0 0 10px;}

/* PAGINATION */
p.pagination{background:url(../images/branding/pagination_bg.png) repeat-x;height:29px;line-height:29px;overflow:hidden;zoom:1;margin:20px 0 0;color:#666;position:relative;font-size:11px;}
p.pagination b{width:290px;text-align:center;position:absolute;left:100px;top:0px;}
body.wide p.pagination b{width:527px;}
p.pagination a{color:#000;text-decoration:none;padding:0 3px;vertical-align:middle;}
p.pagination a:hover{text-decoration:underline;}
p.pagination span{color:#666;padding:0 3px;vertical-align:middle;}
p.pagination a.prev{float:left;background:url(../images/branding/arrow-prev.png) 0 1px no-repeat;padding:0 25px;width:50px;}
p.pagination a.next{float:right;background:url(../images/branding/arrow-next.png) 0 1px no-repeat;padding:0 25px;width:50px;}

/* TABS */
.tabs ul#tabslist{display: block;clear: both;list-style: none;margin: 0;padding: 0;height: 20px;border-bottom: 1px solid #ccc;}
.tabs ul{overflow: hidden;}
.tabs ul#tabslist li {float: left;display: block;color: #999;height: 20px;padding: 0;margin-left: -18px;position: relative;background: url( "../images/branding/tab-right-inactive.gif" ) top right no-repeat;white-space: nowrap;padding-right: 37px;border-bottom: 1px solid #ccc;}
.tabs ul#tabslist li.first{margin-left: 0;}
.tabs ul#tabslist li a {display: block;float: left;height: 20px;font-size: 11px;font-weight: bold;text-decoration: none;color: #999;line-height: 20px;padding-left: 15px;background: url( "../images/branding/tab-left-inactive.gif" ) top left no-repeat;}
.tabs ul#tabslist li.active {z-index: 6;font-weight: bolder;border: none;height: 21px;background: url( "../images/branding/tab-right.gif" ) top right no-repeat;}
.tabs ul#tabslist li.active a {height: 21px;color: #112e83;background: url( "../images/branding/tab-left.gif" ) top left no-repeat;}
.tabs div.tab1,.tabs div.tab2,.tabs div.tab3,.tabs div.tab4,.tabs div.tab5,.tabs div.tab6 {display: block;clear: both;position: static;margin: 0;padding: 0;border: none;padding: 15px 0;}
.tabs div {padding: 0;}
.tabs li.tab1 {z-index: 5;}
.tabs li.tab2 {z-index: 4;}
.tabs li.tab3 {z-index: 3;}
.tabs li.tab4 {z-index: 2;}
.tabs li.tab5 {z-index: 1;}
.tabs li.tab6 {z-index: 1;}
.tabs div.tab2,.tabs div.tab3,.tabs div.tab4,.tabs div.tab5,.tabs div.tab6 {display: none;}

table.normal{margin-left:1px;}
table.normal td{padding:5px;border:1px solid #ccc;}
table.normal th{padding:5px;border:1px solid #ccc;font-weight:bold;}
