/* 
Title:     styles for screen media (v1)
Author:    t3k@archa.cz
Updated:   15.01.2008
*/

/* defaults
---------------------------------------------------------- */
* {
  padding: 0;
  margin: 0;
  }
body {
  text-align: center;
  background: #0c3d76 url(../img/bg-body.png) repeat;
  color: #09417a;
  line-height: 1.65;
  font-size: 90%;
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  }
h1, h2, h4, h5 { font-family: Calibri, "Luxi Sans", Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 195%; color: #4da7e4; margin: 0 0 .5em 0;}
h2 { font-size: 150%;}  
h4 { font-size: 130%; color: #4da7e4; margin: .8em 0 .3em 0;}  
h5 { font-size: 120%; }  
a { outline: none; color: #09417a; }
a:visited{ color: #09417a;}
a:hover { color: #56b7f6; } 
a:active { color: #d0382a; } 
p {margin-top: 0; margin-bottom: .8em;} 
img { border:0; }
bdo {cursor: help; border-bottom: #d0382a 1px dotted;}
abbr {cursor: help; border-bottom: #d0382a 1px dotted;}
.help {cursor: help; border-bottom: #d0382a 1px dotted;}
.sipka {background: url(../img/bul.gif) no-repeat 0 5px; padding-left: 15px;}
.c { text-align: center; }
.r { text-align: right; }
.b { font-weight: bold; }
.red { color: #09417a; }
.blue { color: #09417a; }	
.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.small { font-size: 90%;}
hr, .noscr {  display: none; }
.hid { position: absolute; left: -1000px; top: -1000px; }
.cleaner { display: block; visibility: hidden; clear: both;	height: 0; }

/* layout
---------------------------------------------------------- */
#page {
  width: 100%;
  background: url(../img/bg-page.png) repeat-x;
  }
#page-in {
	width: 780px;
	margin: 0 auto;
	text-align: left; 
  position: relative;
  }
#header {
  background: url(../img/bg-header.jpg) left bottom no-repeat;
  width: 780px;
  height: 360px;
  }
#logo-cdp {
  margin: 0; padding: 0;
  width: 189px;
  height: 210px;
  position: absolute;
  top: 67px;
  left: 560px;
  }
#slogan {
  position: absolute;
  overflow: hidden;
  top: 86px;
  left: 0;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal; 
  }
#slogan, #slogan span {
  width: 529px;
  height: 30px;
  }
#slogan span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/slogan.png) no-repeat;
  } 
#prolog {
  position: absolute;
  top: 196px;
  left: 20px;
  color: #53b2f0;
  font-family: Calibri, "Luxi Sans", Arial, Helvetica, sans-serif;
  font-size: 110%; 
  }
#prolog span {
  color: white;
  font-size: 150%;
  font-weight: bold; 
  letter-spacing: 1px;
  }
#content {
  background: #ffffff url(../img/bg-content.jpg) no-repeat;
  padding: 20px;
  }
#primary-content {
  float: right;
  width: 490px;
  margin-top: 50px;
  }  
#primary-content-full {
  width: 740px;
  padding-top: 50px;
  }   
#primary-content-no-bread  {
  float: right;
  width: 490px;
  margin-top: 0;
  }
#secondary-content {
  float: left;
  width: 230px;
  }
/* 
#secondary-content a { color: #4d4d4d; }
#secondary-content a:hover { color: #333333; } 
#secondary-content a:active { color: #d0382a; } 
*/
#head-alk {
  display: none;
  width: 780px;
  height: 119px;
  position: absolute;
  top: 33px;
  left: 0;
  background: #c7c8cb url(../img/bg-header-alk.jpg) no-repeat;
  }
#head-alk h5 {
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  margin: 50px 20px 20px 225px;
  color: #505050;
  font-weight: bolder;
  /*font-style: italic; */
  font-size: 90%; 
  }
p#logo-alk {
  margin: 0; padding: 0;
  width: 181px;
  height: 38px;
  position: absolute;
  top: 43px;
  left: 24px;
  }
#footer {
  width: 780px;
  height: 101px;
  background: url(../img/bg-footer.jpg) no-repeat;
  margin-bottom: 30em;
  padding: 25px 20px;
  /*color: #e9cfce;*/
  font-size:90%;
  position: relative;
  }
#footer p {
  margin: 0;
  padding: 0;
  } 
#fooprint {
  display: none;
  }  
#logo-cap {
  width: 74px;
  height: 36px;
  position: absolute;
  top: 30px;
  left: 686px;
  margin: 0; padding: 0;
  }
#breadcrumb {
  width: 490px;
  height: 35px;
  position: absolute;
  top: 380px;
  left: 270px;
  background: #d9e9f5 url(../img/bg-breadcrumb.jpg) no-repeat;
  font-size: 80%;
  }
#breadcrumb-full {
  width: 740px;
  height: 35px;
  position: absolute;
  top: 380px;
  left: 20px;
  background: #d9e9f5 url(../img/bg-breadcrumb-full.jpg) no-repeat;
  font-size: 80%;
  } 
#context-nav {
  width: 740px;
  height: 2em;
  }   
#context-nav p {
  margin: 0 10px;
  }   
.sub-menu {
  background: #c9c9c9 url(../img/bg-sub-menu.jpg) 0 0 no-repeat;
  }
.sub-menu-in {
  background: url(../img/bg-sub-menu-in.jpg) left bottom no-repeat;
  }
.sub-menu-in ul {
  padding: 15px;
  list-style: none;
  }
.sub-menu-in ul li {
  padding: 5px 0 5px 15px;
  background: url(../img/bul.gif) 0 center no-repeat;
  font-weight: bold;
  font-size:95%; 
  }


/* content
---------------------------------------------------------- */
#breadcrumb p, #breadcrumb-full p { 
  margin: 0;
  padding: 7px 0 0 15px;
  }
#breadcrumb a, #breadcrumb-full a {
  padding-right: 15px; 
  background: url("../img/bread-ico.gif") no-repeat 100% 50%; 
  margin-right: 3px; 
  }
.perex {
  color: #07528c;
  background-color: #d9e9f5; 
  padding: 10px;
  font-weight: normal;
  margin-bottom: 1.5em;
  }
.rimg {
  float:right;
  padding:2px 0 10px 15px;
  }
.limg {
  float:left;
  padding:2px 15px 10px 0;
  }
.bg01 {
  background-color: #d9e9f5; 
  padding: 10px;
  }  
a.ext {
	padding-right:13px;
	background: url('../img/ext-ico.gif') no-repeat 100% 50%;
	text-decoration: underline;
}
a.ext:hover {
	background: url('../img/ext-ico-hover.gif') no-repeat 100% 50%; 	
}
a.ext:active {
  color: white;
	background: url('../img/ext-ico-active.gif') no-repeat 100% 50%; 	
}
a.ext2 {
	padding-right:13px;
	background: url('../img/ext-ico.gif') no-repeat 100% 50%;
	text-decoration: underline;
}
a.ext2:hover {
	background: url('../img/ext-ico-hover.gif') no-repeat 100% 50%; 	
}
a.ext2:active {
  color: #d0382a;
	background: url('../img/ext2-ico-active.gif') no-repeat 100% 50%; 
}
a#nahoru {
  margin-top:1.4em;
  display:block;
  width: 100px;
  float: right;
  padding-right: 15px;
  background: url('../img/top-ico2.gif') right center  no-repeat;	
  }
a#nahoru:hover {
  background: url('../img/top-ico2.gif') -19px center no-repeat;		
  }
a#nahoru:active {
  background: url('../img/top-ico2.gif') 108px center no-repeat;		
  }  
a#back {
  margin-top:1.4em;
  display:block;
  width: 100px;
  float: left;
  padding-left: 15px;
  background: url('../img/back-ico2.gif') 0 center  no-repeat;	
  }
a#back:hover {
  background: url('../img/back-ico2.gif') -127px center no-repeat;		
  }
a#back:active {
  background: url('../img/back-ico2.gif') -254px center no-repeat;		
  }    
.foot-menu {
  list-style-type: none;
  white-space: normal;
  line-height: 1em;
  }
.foot-menu li {
  float: left;
  display: inline;
  white-space: nowrap;
  margin-right: 0.5em;
  padding-right: 0.5em;
  border-right: 1px solid #07528c;
  }
#footer a:active {
  color: white;
  }
.foot-menu li.no-separ {
  border-right: none;
  }
.box-01 {
  margin: 20px 0;
  background-color: #d9e9f5;
  }
.box-01 p {
  padding: 0  15px 0 15px;
  margin:0;
  }	
.box-01 .first {
  padding-top: 3px;
  background: url(../img/box01-f.gif) left top no-repeat;
  }
.box-01 .last {
  padding-bottom: 3px;
  background: url(../img/box01-l.gif) left bottom no-repeat;
  }
.box-01 .im {
  height: 121px;  
  padding:0;
  margin: 10px 15px 5px 15px;
  background: url(../img/oper.jpg) top left no-repeat;
  }
.box-01 p .phone {
  padding: 0 0 0 28px;
  line-height: 30px;
  background: url(../img/phone-ico.gif) center left no-repeat;
  }
strong.phone span {
  color: #d0382a;
  }  
.box-02 {
  margin: 20px 0;
  background-color: #d9e9f5;
  }
.box-02 h3 {
  padding: 0 15px;
  font-size:95%; 
  background: url(../img/box02-h3.gif) left top no-repeat;
  }
.box-02 p {
  padding: 10px 15px;
  margin:0;
  background: url(../img/box02-p.gif) left bottom no-repeat;
  }
.box-02 h3 span {
  padding-left: 15px;
  line-height: 34px;
  background: url(../img/bul.gif) 0 center no-repeat;
  }
.box-03 {
  background: #d9e9f5 url(../img/bg-box-03.jpg) 0 0 no-repeat;
  }
.box-03-in {
  background: url(../img/bg-box-03-in.jpg) left bottom no-repeat;
  }
.box-03 h3 {
  padding: 0 15px;
  font-size:95%; 
  background: url(../img/bg-box-03-h3.jpg) 0 0 no-repeat;
  }
.box-03 h3 span {
  padding-left: 15px;
  line-height: 34px;
  background: url(../img/bul.gif) 0 center no-repeat;
  }
.box-03 p {
  padding: 20px 15px;
  margin:0;
  }
.advbox {
  margin-top: 20px; 
  }
.imbg-01 { background: #d9e9f5 url(../img/bg-advbox-top.jpg) 0 0 no-repeat; }  
.imbg-02 { background: #d9e9f5 url(../img/bg-advbox-top2.jpg) 0 0 no-repeat; }  
.imbg-03 { background: #d9e9f5 url(../img/bg-advbox-top3.jpg) 0 0 no-repeat; }  
.imbg-04 { background: #d9e9f5 url(../img/bg-advbox-top4.jpg) 0 0 no-repeat; }
.imbg-05 { background: #d9e9f5 url(../img/bg-advbox-top5.jpg) 0 0 no-repeat; }
.advbox-in {
  background: url(../img/bg-advbox-bottom.gif) left bottom no-repeat;
  }
.advbox p {
  padding: 5px 200px 10px 15px; 
  margin:0;
  font-size: 90%;
  }
.advbox-in h4 {
  color: #0c3d76;
  margin:0;
  padding: 10px 200px 0 15px; 
  }
.advbox-in a {
  padding-left: 15px;
  background: url(../img/bul.gif) 0 center no-repeat;
  }
.svsbox {
  background: #d9e9f5 url(../img/bg-svsbox-top.gif) 0 0 no-repeat;
  margin: 20px 0; 
  }
.svsbox-in {
  background: url(../img/bg-advbox-bottom.gif) left bottom no-repeat;
  }
.svsbox p {
  padding: 15px;
  padding-top: 0; 
  padding-bottom: 10px; 
  margin:0;
  font-size: 100%;
  }
.svsbox p.np {
  padding: 0 15px 10px 15px;
  margin:0;
  }  
.svsbox-in h4 {
  color: #0c3d76;
  margin:0;
  padding: 5px 15px 5px 15px; 
  }
.certif {
  background-color: #e8edf2;
  text-align: center;
  padding: 20px;
  }
.certif img {
  text-align: center;
  margin: 0 auto;
  border: 4px solid white;
  }
.certif-detail {
  text-align: center;
  padding: 20px;
  }
.certif-detail img {
  text-align: center;
  margin: 0 auto;
  border: 4px solid #d9e9f5;
  }
.mapa-cr {
  background-color: #e8edf2;
  text-align: center;
  padding: 20px 0;
  }
.mapa-cr img {
  text-align: center;
  margin: 0 auto;
  }
.mapa-cr-legenda {
  background-color: #e8edf2;
  padding: 10px 0;
  }
table.legenda {margin: 5px auto; width: 95%; border: 2px solid #e7e7e7; border-collapse: collapse;}
table.legenda td {padding: .3em; width: 25%; text-align: center;}
table.legenda td.mene5 {background-color: #faebe9;}
table.legenda td.az10 {background-color: #eebdb9;}
table.legenda td.az15 {background-color: #d87a74;}
table.legenda td.vice15 {background-color: #ca5a54;}


/* mapa stranek */
.smap, .smap2, .smap ul {list-style: none; margin: .7em;}
.smap li {padding-left: 15px; background: url(../img/bul_02_red.gif) 0 .7em no-repeat;}
.smap ul li {padding-left: 15px; background: url(../img/bul_02.gif) 0 center  no-repeat;}
.smap2 li {padding-left: 15px; background: url(../img/bul_02_blue.gif) 0 center no-repeat;}

.ff { background-repeat: no-repeat; background-position: 0 center; padding: 1px 0 1px 25px; }
/* File Format */
.avi {background-image: url("../img/ff/avi.png");}
.cdr {background-image: url("../img/ff/cdr.png");}
.doc {background-image: url("../img/ff/doc.png");}
.gif {background-image: url("../img/ff/gif.png");}
.html {background-image: url("../img/ff/html.png");}
.jpg {background-image: url("../img/ff/jpg.png");}
.mp3 {background-image: url("../img/ff/mp3.png");}
.pdf {background-image: url("../img/ff/pdf.png");}
.png {background-image: url("../img/ff/png.png");}
.ppt {background-image: url("../img/ff/ppt.png");}
.rtf {background-image: url("../img/ff/rtf.png");}
.txt {background-image: url("../img/ff/txt.png");}
.xls {background-image: url("../img/ff/xls.png");}
.zip {background-image: url("../img/ff/zip.png");}
.unknown {background-image: url("../img/ff/unknown.png");}


/* tables
---------------------------------------------------------- */
table { width: 100%; font-size: 100%; border: 2px solid #d9e9f5; border-collapse: collapse; margin: .5em 0 1em 0; clear: both;}
table th { background: #d9e9f5; padding: .4em .7em;  }
table td { border: 1px solid #d9e9f5; padding: .4em .7em; width: auto;}
table th { border: 1px solid #d9e9f5; font-weight: normal; }
/*tr:hover, tr:hover td { background: #fffff0; }*/
table.fullw { width: auto; }
table tr th:first-child, table tr th.f { background: #ecf4fa; }
table th { text-align: left; }
table th[align=right] { text-align: right; }
table th[align=center] { text-align: center; }


/* forms
---------------------------------------------------------- */
#kf { margin-top: 1em;}
form {}
fieldset {
	margin: 1em 0 0 0; 
	padding: .5em 1.5em;
	border : 2px solid #d9e9f5;
	background-color:#d9e9f5;
  }
legend {
	font-weight: bold;
	color: #09417a;
	padding:5px;
  }
form p {
	margin: .8em 0; 
  }
label {
	float: left;
	width: 150px;
	display: block;
  }
label.dlouha {
	float: none;
	width: 90%;
  }  
label .required {
	color:#d0382a;
  }
input, select {
  width: 280px;
  }
.pulpole {
  width: 140px;
  }  
input[type="text"], input[type="file"], textarea, select {
	padding: 3px;
  border: 1px solid #a6cce8;
  }
.item-error {
  color : #d0382a;
  }
input.but-submit {
  width: auto;
  }
input:focus, textarea:focus {
	background: #fffff0;
  }
textarea {
	width: 100%;
	height: 200px;
  }
textarea#discl {
	width: 100%;
	height: 100px;
	background: rgb(237,237,237);
  }  
textarea.half {
	width: 100%;
	height: 100px;
	} 
.but-submit { 
  background: #09417a; 
  border: 1px solid #a6cce8; 
  font-weight: bold; 
  color: white; 
  padding: 3px 10px; 
  margin:0;
  }
.but-submit:focus {
	background: #d0382a;
	border: 1px solid #dc695f; 
  }
.form-error, .form-ok  {
  color : #d0382a;
  font-size: 110%; 
  font-weight: bold; 
  margin: 15px 0; 
  background: #faeeee url(../img/ico-err.gif) no-repeat 10px 12px;
  padding: 5px 5px 5px 35px;
  border: 1px solid #e4b2b2;
  }
.form-error span  {
  font-size: 90%; 
  font-weight: normal;  
  }  
.form-ok span {
  font-weight: normal; 
  color : #414141;
  font-size: 90%; 
  }
.form-ok {
  color : #3a7f00;
  background: #edf9ef url(../img/ico-ok.gif) no-repeat 10px 12px;
  border: 1px solid #b2d7ae;
  }
.form-error ul  {
  color : #414141;
  font-size: 90%; 
  font-weight: normal; 
  margin: 15px 0; 
  }

/*  ------- AMAPA -----------*/
#mapa { width: 700px; height: 500px; 	margin: 0 auto; border: 4px solid #d1e3f1; background: url(../images/provozovna_cdp.png) top left no-repeat;}
#mapa *{ color: black; font-size: 11px; }

/* menu
---------------------------------------------------------- */
/* Suckerfish Dropdowns  - www.alistapart.com/articles/dropdowns/  */
/* Sliding Doors of CSS  - www.alistapart.com/articles/slidingdoors/ */
#nav {
  float:left;
  width: 740px;
  height: 38px;
  position: absolute;
  top: 317px;
  left: 20px;
 	padding: 0;	margin: 0;
	list-style: none;
  font-size:95%;
  }
#nav li { 
	float: left;
	height: 38px;
	position: relative;
	background:url(../img/tab-l.gif) no-repeat left top; 
 	margin:0 5px 0 0;
  padding: 0 0 0 5px;
	}

#nav li ul { 
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
  }
#nav li a { 
  float:left;
  display:block;
  font-weight: bold; 
  text-decoration: none;
  color: #07528c;
  height: 29px;
  white-space:nowrap;
  background:url(../img/tab-r.gif) no-repeat right top;
  padding: 8px 15px 1px 10px;
  }
#nav li:hover, #nav li.over { background:url(../img/tab-l.gif) no-repeat 0% -65px; color: #07538d;}
#nav li:hover a, #nav li.over a { background:url(../img/tab-r.gif) no-repeat 100% -65px; color: #07538d; }
#nav li.current { background:url(../img/tab-l.gif) no-repeat 0% -130px; color: white;}
#nav li.current a { background:url(../img/tab-r.gif) no-repeat 100% -130px; color: white;}

/*  ------- submenu -----------*/
#nav li:hover ul, #nav li.overmenu ul { 
	display: block;
  }
#nav li ul.sub { 
  margin:0; padding: 0;
  clear: left;
	list-style: none;
	width: 185px;
  border-top: 5px solid #469ad6;
  padding: 10px 5px 10px 15px; 
  background: url(../img/bg-menu-205.png) left bottom no-repeat;
  }
#nav li ul.sub li {
  height: 1.7em;
  width: 160px;
  margin:0; 
  padding: 5px 0 5px 15px;
  display:list-item;
  background: url(../img/bul.gif) 0 center  no-repeat;
  }
#nav li ul.sub li a { 
  margin:0; padding: 0;
  display:inline;
  background-image: none;
  color: #07538d;
  text-decoration: underline;
  }
  
  
.telpco-tt { 
  border: 2px solid #feecb4;
  font-size: 90%;
  text-align: left;
  padding: 2px 6px;
  background: #fef4d6;
  color: #222;
}
.abbrtt-tt { 
  border: 2px solid #feecb4;
  font-size: 90%;
  text-align: left;
  padding: 2px 6px;
  background: #fef4d6;
  color: #222;
}