/*
	@company: www.actum.cz
	@author: David Sklar
	@site: www.dopravadomu.cz
------------------------------------------- */
html,body{height:100%;margin:0;padding:0;} 
body{background:#fb9f33;}


/* nadpisy */
h1,h2,h3,h4,h5{color:#5e5e5e; margin-top:0;}
h2{font-size:1.7em; margin-bottom: 15px; clear: left;}
h3,h4,h5{margin-bottom:0.4em;}
h3{font-size:1.4em; }
h4,h5{font-size:1.1em;}
h5{margin-bottom: 0.2em;}

h2 a {color:#5e5e5e; text-decoration: none;}
h2 a:hover {text-decoration: underline;}


p,table,address{margin:0 0 1.0em 0;}
table {table-layout: fixed;}
address{font-style:normal;}

hr{margin:0;display:none;}
img{font:0.9em Tahoma,"Lucida Grande CE",lucida,sans-serif;border:0;}

a{color:#ec3d00;text-decoration:underline;}
a:hover,a:focus{text-decoration:none;}

strong{}
small{font-size:0.9em;}


/* formulare 
-------------------------- */
form {padding: 0; margin: 0;}
fieldset{padding: 10px 10px; margin:0; margin-bottom:1.5em; border:solid 1px #d6d6d6;}
legend{position: absolute; top: -2000.0em; left: -3000px; margin-top: -2000.0em;}

input, select, button, textarea{font:1.0em Arial, Helvetica, sans-serif, "Calibri";  vertical-align:middle;}
input[type="text"]{height:1.7em; padding: 1px 1px 0 1px; height:1.5em; padding: 3px 1px 0 1px;  border:solid 1px #d6d6d6;}
select{height:1.8em;}
textarea {width: 100%; border:solid 1px #d6d6d6;}
input[type="submit"] {color: #fff; font-weight: bold; width: 91px; height: 20px; padding-top: 2px; padding-top: 0; background: #767676 url('../gfx/btn_submit.png') 0 0 no-repeat; border: none; cursor: pointer;}


.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.top{vertical-align: top !important;}

.fll{float:left !important;}
.flr{float:right !important;}
.cleaner{clear:both;}
img.fll{margin: 3px 22px 17px 0;}
img.flr{margin: 3px 0 17px 22px;}

.spaceman{position:absolute;top:-2000px;left:-3000px;}
.nop{padding:0 !important;}
.nob{background:none !important;}
.nod{display:none;}

.bold{font-weight:bold;}
.spacer{height:10px; background: url('../gfx/spacer.gif') 0 50% repeat-x; display: block; clear: both;}
.orange {color:#ec3d00;}


/* box-model */







/* page 
------------------------------------------- */
#page{
	color: #4b5968;
	font: 0.75em/1.4 Arial, Helvetica, sans-serif, "Calibri";
	width: 910px;
	min-height: 100%;
	padding: 0 20px;
	margin: auto;
	position: relative;
	z-index: 1;
	background: #fff url('../gfx/page.png') 0 0 no-repeat;
}



/* header 
------------------------------------------- */
#header{height:26.9em; height:323px; position:relative;background: url('../gfx/header.jpg') 0 100% no-repeat;}

/* logo */
#header h1{line-height: 1.0; width:169px;height:56px;margin:0;position:relative; top: 42px; left: 19px;overflow:hidden;background:#fff;}
#header h1 a{font-size: 1.8em;width:169px;height:56px; display:block;overflow: hidden;}
#header h1 a span{width:169px;height:56px;position:absolute;top: 0;left: 0; z-index:1; background: url('../gfx/logo.png') 0 0 no-repeat;display:block;cursor:pointer;}

/* slogan */
#slogan{color:#969696; text-transform: uppercase; position:absolute; top: 62px; left:197px; }
#slogan strong{font-weight: normal;}

/* vyhledavani */
#header form{position:absolute; top: 53px; right: 9px; z-index: 1;}
#header fieldset{border:none;}
#header label span{color: #ec3d00; font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin-right: 3px; position: relative; top: 2px;}
#header input[type="text"]{width: 145px !important; height: 15px !important; padding-top: 3px !important; background: #f6f6f6 url('../gfx/search.png') 0 100% repeat-x !important; border: none !important;}
#header input[type="image"]{width: 20px; height: 20px; background: #767676 url('../gfx/btn_search.png'); border: none;}

/* label v zahlavi */
#header div{width: 285px; height: 61px; position: absolute; top: 230px;background: url('../gfx/header_label.png') 0 0 no-repeat; }




/* center-box 
------------------------------------------- */
#center-box{min-height: 400px; position:relative; width: 679px; float: right; }
#center-box h1{color: #ec3d00; font-size:2.3em; font-weight: normal; width: 666px;padding: 2px 0 2px 13px; background: url('../gfx/h1.gif');}


/* content 
------------------------------------------- */
#content{width: 666px; padding: 0 0 74px 13px; position:relative;float:left; }

/* drobeckova navigace */
p#crumb {color: #ec3d00; font-size: 0.9em; width: 666px; padding: 18px 0 11px 13px; margin:0;}
p#crumb span{position:absolute;top:-2000px;left:-3000px;}
p#crumb strong{color: #ec3d00; font-weight: normal !important;}
p#crumb a{color: #4b5968;}


#content p.next, #content p.next a{color: #4b5968; font-weight: bold;}

/* ico */
a.upwards {color:#5e5e5e; font-weight: bold;}
a.print,a.recomm {padding-left:25px;  background:url('../gfx/ico_print.jpg') 0 50% no-repeat;}
a.recomm {background-image:url('../gfx/ico_email.jpg');}

/* control */
p.ctrl {color: #bebebe;font-size: 0.9em;text-align:right; width: 100%; margin:0; position:absolute; right: 0; bottom: 30px;}
p.ctrl a {margin:0 3px;}
p.ctrl a.upwards {margin-left: 11px;}



/* seznamy
-------------------------------- */
#content ul {list-style: none; padding-left:0;}
#content li {padding-left: 10px; margin-bottom: 0.2em; margin-left: 15px; background: url('../gfx/ico_bull.gif') 0 6px no-repeat;}

/* arrow bull */
#content ul.arrow {clear: both;}
#content ul.arrow li{margin-left: 0; background: url('../gfx/ico_bull-ar.gif') 0 4px no-repeat;}
#content ul.arrow li a{color: #4c4a4a;}

/* novinky */
#content ul.a-list, #content ul.i-list {list-style:none; padding-left:0;}
#content ul.a-list>li, #content ul.i-list>li {padding-bottom: 10px; margin-bottom:1.5em; background:url('../gfx/line_dot.gif') 0 100% repeat-x;}
#content ul.a-list li.last {background: none;}

#content ul.a-list h2, #content ul.i-list h2 {font-size:1.5em; font-weight: normal; text-decoration: none;margin-bottom:0.4em;}
#content ul.a-list h2 a, #content ul.i-list h2 a {color: #ec3d00; text-decoration: none;}
#content ul.a-list h2 a:hover, #content ul.i-list h2 a:hover {text-decoration: underline;}

#content ul.a-list p.next, #content ul.i-list p.next {margin-bottom: 0.5em;}

/* sluzby */
#content ul.i-list>li {min-height:75px; padding-left:100px; position: relative;}
#content ul.i-list li.last {background: none;}
#content ul.i-list img {position: absolute; top: 0; left:0;}




/* right-col 
------------------------------------------- */
#right-col{font-size: 0.9em; width:171px; padding: 0 17px 30px 17px; display:block;float:right;}
#right-col h3{color: #ec3d00; font-size: 1.9em; font-weight: normal;}

/* neprehlednete */
#news {margin-top: -72px; margin-bottom: 2.9em;}
#news p.next{margin-top: -3px;}

dt {margin-bottom: 0.4em; }
dt small {font-size: 1.0em;}
dt a {color: #4b5968; text-decoration: none;}
dt a:hover {text-decoration: underline;}
dd {padding-bottom: 0.9em;margin-bottom: 0.9em;margin-left:0;border-bottom: solid 1px #d7d7d7;}
dd.last {padding-bottom: 0; margin-bottom: 1.0em;border: none;}

/* anketa */
#inquiry ul{list-style: none;padding-left: 0;}
#inquiry li{line-height: 1.2; margin-bottom: 0.7em;}
#inquiry li a {color: #4c4a4a;}
#inquiry li em {min-width: 1px; height: 4px; margin-top: 4px; background: #ec3d00; display: block; }
#inquiry li span {color: #868686;}




/* menu 
------------------------------------------- */
#menu{font-size:0.9em;width:910px;position:absolute;top:114px;left:20px; z-index: 3;background:#ec3d00 url('../gfx/menu.gif') 0 100% repeat-x;}

#menu ul{list-style:none;padding:0;padding-top:5px; padding-left: 5px; margin:0; position:relative;background:url('../gfx/menu_ul.gif') 0 0 no-repeat;}

#menu li{display:block;float:left;}
#menu li a{color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;text-decoration:none;/*min-height:18px;*/padding:11px 19px 9px 19px;display:block;}
#menu li a:hover{text-decoration:underline;}
#menu li.set a{color:#d82400;background-color:#ffb746;}
#menu li a strong{color:#d82400;}

/* oble rohy */
#menu li.set a {padding:0; }
#menu li.set a span{background: url('../gfx/menu_li-01.gif') 0 0 no-repeat; display: block; }
#menu li.set a span span{padding:11px 19px 9px 19px; background: url('../gfx/menu_li-02.gif') 100% 0 no-repeat;}


#submenu-2 { float: left; width: 212px; padding: 0; list-style: none; }
#submenu-2 a {
	display: block;
	width: 200px; /* 212 */
	height: 31px;
	line-height: 31px;
	padding-left: 12px;
	background: url(../gfx/submenu.png) no-repeat 0 0;
	color: #4b5968;
	margin-bottom: 3px;
	text-decoration: none;
}
#submenu-2 a:hover { background-position: 0 -34px; }
#submenu-2 .active a { background-position: 0 -68px; color: #fff; font-weight: bold; }
#submenu-2 ul { padding: 0; list-style: square inside; }
#submenu-2 ul li { width: 200px; padding-left: 12px; background: url(../gfx/submenu.png) no-repeat 0 bottom; font-size: 0.9em; }
#submenu-2 ul li.last { background: none; }
#submenu-2 ul a { display: inline; background: none; color: #4b5968; padding: 0; }
#submenu-2 ul a:hover { text-decoration: underline; }
#submenu-2 .active ul a { color: #4b5968; font-weight: normal; }
#submenu-2 ul .active, #submenu-2 ul .active a { color: #ec3d00; font-weight: bold; }




/* HDS newsletter + banner 
------------------------------------------- */
#service{color:#adadad;  font-size:0.9em;  width:205px; height:169px;  position:absolute; top:154px; right:20px; background:#4c4a4a;  overflow:hidden;}

#service h4{color:#adadad;  font-size:1.0em;  text-transform:uppercase;  margin-bottom:4px;}
#service a{color:#adadad;}
#service a:hover, #service label:hover {color: #fb9f33;}

#service form{padding: 14px 17px 0 17px; position: relative; z-index: 1;}
#service form p{position: absolute; top: 14px;right: 17px;}
#service fieldset{padding:0;  border:none;}
#service input[type='text']{font-size: 1.1em; width: 145px; height: 17px; background: #eee;border:none;}

#service input[type='radio']{margin-top: -2px;}
#service label{position: relative; top: 3px;}
#service button{width: 20px; height: 20px; background: #b3b3b3 url('../gfx/btn_service.png'); border: none;}

/* banner */
#banner {width: 205px; height: 86px; position: absolute; bottom: 0; left: 0;}




/* footer 
------------------------------------------- */
#footer{
	clear: both;
	color: #a4a4a4;
	font-size: 0.9em;
	padding: 1px 0;
	margin-bottom: 11px;
	background: #4c4a4a url('../gfx/footer.gif') 0 100% no-repeat;
}
#footer ul{padding: 0;}
#footer a{padding: 0; background: none;}

#nav li, #sign li, #link li{padding: 0 7px 0 3px; background: url('../gfx/separator_03.gif') 100% 80% no-repeat;display: inline;}

/* navigace */
#nav {margin-left: 21px; position: relative; top: 0.5em; float: left;}
#nav li{background-image:url('../gfx/separator_01.gif');}
#nav a{color:#fff;}
#nav a:hover{color:#fb9f33;}

/* podpis */
#sign {width: 351px; margin-left: 539px;}
#sign li{background-image:url('../gfx/separator_02.gif');}
#sign li.nob{padding-right:0;}
#sign a{color:#a4a4a4;}


/* hlavni banner 
------------------------------------------- */
#master { width: 705px; height:169px; position: absolute; top: 154px; left: 20px; overflow: hidden;}


/* odkazy 
------------------------------------------- */
#link{ font-size:0.9em; text-align:center; padding: 23px 20px 50px 20px; margin: 0 -20px; background: #fb9f33 url('../gfx/links.gif') 0 0 no-repeat; }
#link li{background-image: url('../gfx/separator_03.gif'); display: inline-block;}  
#link a{color:#974000;}
#link a:hover{color:#4c4a4a;}





/* jednotlive stranky 
-------------------------------------------------------------------- */

/* uvodni strana 
------------------------------------------- */
.home #center-box { width: 910px; padding-top: 30px; background: #fff url('../gfx/center-box.gif') 100% 0 repeat-y;}
.home p#crumb {position: absolute; top: -2000px; left: -3000px;}

.home #content h2{font-size:1.9em; font-weight:normal;  }
.home #content div.fll{width:430px;}

.home #content div.flr {width: 217px;}
.home #content div.flr h2.orange{margin-right: -5px; }
.home #content div.flr object{margin-bottom: 1.5em; }

/* neprehlednete */
.home #news {margin-top: 0; }


/* novinky
------------------------------------------- */
.news #content ul{list-style:none; padding-left:0;  }

.news #content li{margin-bottom:1.5em;}
.news #content li h2{font-size:1.5em; font-weight: normal; text-decoration: none;margin-bottom:0.4em;}
.news #content li h2 a{text-decoration: none;}
.news #content li h2 a:hover{text-decoration: underline;}

.news #content li p.next, .news #content li p.next a{color: #4b5968; font-weight: bold;}
.news #content li small{height:1px;  background:url('../gfx/line_dot.gif') 0 100% repeat-x;  display:block;}





/* partneri 
------------------------------------------- */
/* hlavni partneri */
.partner div.set {margin-right:-15px;}
.partner div.set div{width:212px;  min-height:55px;  margin-right:15px;  float:left;}

div.set div img{ width: 73px; height: 55px; margin-right:10px;  float:left;}
div.set div p{margin-top:10px;}
div.set div strong{color:#ec3d00;}
div.set div a{color:#4c4a4a; font-size:0.9em;}

div.set small{ height:26px; margin-right: 15px; background:url('../gfx/line_dot.gif') 0 50% repeat-x; display:block;  clear:both;}

/* ostatni partneri */
.partner ul.arrow { margin-right: -15px;}
.partner ul.arrow li{width:202px; padding-bottom:0.7em; margin-right:15px; float:left;}

.partner p.cleaner {padding-top: 22px;}



/* kontakt 
------------------------------------------- */
.contact #content div {margin-top: 2.0em; background: url('../gfx/line_vert.gif') 160px 0 repeat-y;}
.contact #content div address, .contact #content div p {width: 150px; float: left; clear: left;}

.contact #content form {margin-left: 180px;}
.contact #content fieldset {padding:0; border: none;}
.contact #content input[type="text"]{width: 220px;}

.contact #content table {width: 100%; margin:0;}
.contact #content th {text-align: right; width: 60px;}





