.dph {font-size:83%; color:#808080; margin: 0 5px;}

/* ------------------- reklama ----------------- */
#skycraper {
  position: absolute;
  width: 120px; height: 600px;
  top: 157px; right: -130px;
  text-align: right;
}
#skycraper small {
  font-size: 10px;
 color: #6b6b6b;
}

/* ------------------- reklama ----------------- */
#skycraper2 {
  position: absolute;
  width: 180px; height: 200px;
  top: 198px; left: -190px;
  text-align: right;
}
#skycraper2 small {
  font-size: 10px;
 color: #6b6b6b;
}


/* ------------------- body----------------- */

body {
	font: 78%/1.5 Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #5b5b5b;
          	background: #d8d8d8 url(/images/styles/template7/black/body-bg.png) repeat-x 0 0;
/*background: white;*/
padding: 60px 0; 
}

/* ---[ template ]----------------------------- */

#container{
  position: relative;
	width: 860px;
	padding-top: 186px;
	margin: 0 auto;
	background-color: white;
	min-height: 1px; _height: 1px; 
}

#lcolumn {
  float: left;
  width: 210px;
  margin: 20px 0 20px 10px;
}

.sidebar {
  margin-bottom: 2em;
}

#rcolumn {
  float: right;
  width: 630px;
}

#content { padding: 20px; }

/* ---[ basic ]------------------------------- */

a { color: #19afc8; text-decoration: underline; cursor: pointer; _cursor: hand; }
a:hover { text-decoration: none; }
a img { border: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0 0.3em 0;
}

h1, #lcolumn h2 {
  font-size: 160%;
  font-weight: normal;
  color:#3c3c3c;
  margin: 0 0 1em 0;
}

h1 { font-weight: bold; text-transform:uppercase; border-bottom: 1px dotted #d7d7d7; font-size: 180%;}

h2 {
  font-size: 130%;
  font-weight: strong;
  color: #13accc;
  margin: 1.1em 0 0.7em 0;  text-transform:uppercase; 
}
h2 a {color: #295c95;}

h3 {
  font-size: 100%;
  font-weight: strong;
  color: #13accc;
  margin: 0.9em 0 0.7em 0; 
}

strong {color:#3c3c3c;}

#lcolumn #search h2 { color: white;  margin-left: 10px; }

#lcolumn .sidebar h2 {
  font-size: 160%;
  color: #3c3c3c;
  margin-left: 10px;
}

#lcolumn #contact h2 {
  font-size: 160%;
  color: #3c3c3c;
}

#lcolumn h2 a {
  color: #3c3c3c;
  text-decoration: none;
}

#lcolumn h2 a:hover { color: #d20404; }

ul { list-style: none; }
#content ul, #content ol { margin-left: 20px; } 

#content p, #content ul, #content ol, #content table { margin-bottom: 1em; }
#content ul li { padding-left: 37px; background: url(/obrazok/3/li-tick-mark-png/) no-repeat 10px 3px transparent; }
#content ul li ul li{ background: url(/obrazok/3/dot-png/) no-repeat 10px 3px transparent; }

.arrow ul li { background: url(/obrazok/3/li-png/) no-repeat 10px 3px transparent !important; }


.hr hr { display: none; }

/* ---[ path ]-------------------------------- */

#path {
  color: #999;
  margin-bottom: 2em;
}

#path a { color: #999; }
/* ---[ contact ]----------------------------- */

.contact {
  padding: 10px;
  border: 2px solid #eee;
  margin-bottom: 2em;
background:#f3f3f3;
}

.contact h2 { margin-left: 0.5em; }

.contact div {
  padding-left: 27px;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 0.4em;  
}

.contact .fax, .contact .ic, .contact .dic { padding-left: 0; }

.contact .fax span, .contact .ic span, .contact .dic span {
  display: block; float: left; 
  width: 22px;
  font-size: 10px;  
  color: #999;
  text-align: center;
  margin: 3px 5px 0 0;
}

.contact .fax span { margin-top: 2px; }

.contact .ic span {
  width: 20px;
  text-align: right;
  padding-right: 2px;
}     

.contact div.company { background: url(/images/styles/template3/black/icon-company.gif) no-repeat 5px 2px transparent; }
.contact div.phone { background: url(/images/styles/template3/black/icon-phone.gif) no-repeat 5px 2px transparent; }
.contact div.email { background: url(/images/styles/template3/black/icon-email.gif) no-repeat 5px 3px transparent; }
.contact div.icq { background: url(/images/styles/template3/black/icon-icq.gif) no-repeat 5px 2px transparent; }
.contact div.skype { background: url(/images/styles/template3/black/icon-skype.gif) no-repeat 5px 2px transparent; }

/* ---[ favourites ]-------------------------- */

#favourites {
  padding: 10px;
  border: 2px solid #eee;
  margin-bottom: 2em;
}

#favourites ul li {
  padding-left: 18px;
  background: url(/images/styles/template3/black/icon-arrow-right.gif) no-repeat 0 5px transparent;
  margin-bottom: 4px;
}



/* ---[ menu ]-------------------------------- */

#menu {
position:absolute;
top:-40px;
  font-size: 110%;
  min-height: 39px;
width:860px;
  overflow: hidden;
  background-color: transparent; background-image:none;
}

#menu li { float: left; height: 39px; width: 143px;}

#menu a {
  display: block;
  height: 39px; line-height: 39px;
  color: white;
  text-decoration: none;
  padding: 0 ; margin: 0 1px ;
  border-right: none;
text-align:center;
text-transform:uppercase;
 background: transparent url(/obrazok/3/menu-active-bg-png/) no-repeat;
}

#menu a:hover { text-decoration: none; color: white; background: transparent url(/obrazok/3/menu-bg-png/) no-repeat; }
#menu .active a { color: white; background: transparent url(/obrazok/3/menu-bg-png/) no-repeat; }

#submenu {
  height: 30px; line-height: 30px;
  padding: 0 15px;
  background-color:#01bafd;
}

#submenu a { text-decoration: none; color: white; }
#submenu a:hover { text-decoration: underline; }
#submenu li { display: inline; list-style: none; }
#submenu li span { color: white; padding: 0 10px; }

/* ---[ theme ]------------------------------- */

#theme {
  position: absolute; overflow: hidden;
  top: 0; left: 0;
  width: 860px; height: 186px;
  background-color: transparent;
  border-bottom: none;
}

#theme object {
  position: absolute;
  top: 0; left: 0;
  width: 860px; height: 186px;
  z-index: 3;
}

#theme-item {
  position: absolute;
  top: 20px; right: 20px;
  width: 235px; height: 80px;
  text-align: right;
  padding: 0 20px;
  overflow: hidden;
}

#theme-item a {
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 275px; height: 80px;
  z-index: 2;
}

#theme h2 {
  	color:white;
}

#theme p {
  	color: #3c3c3c;

}

/* ---[ search ]------------------------------ */

#search {
  height: 67px;
  padding-top: 20px;
  background-color: #222;
  margin-bottom: 2em;
}

#search div { float: left; }

#searchbox {
	width: 130px; height: 17px;
	background: url(/images/styles/template3/black/searchbox-bg.gif) no-repeat 0 0 #fff;
	margin: 0 3px 0 10px;
	_margin-left: 5px;
  overflow: hidden;
}

#searchbox input {
	width: 126px;
	height: 17px;
	padding: 0 2px;
	border: none;
	background-color: transparent;
}

#search #loupe {
  width: 18px; height: 17px;
  background: url(/images/styles/template3/black/searchbar-loupe.gif) no-repeat 0 0 transparent;
  cursor: pointer;
  border: none;
}

/* ---[ footer ]------------------------------ */

#footer {
  height: 30px; line-height: 30px;
  text-align: right;
  color: white;
  padding: 0 20px;
  background-color: #3c3c3c;
  overflow: hidden;
border-top:0px solid #3c3c3c;
}

#footer ul li { display: inline; }
#footer a { color: white; }

#footer ul li span, #footer p.copyright span {
  padding: 0 10px;
}

#footer p.copyright {
  text-align: left;
}

#footer p.copyright a:link, #footer p.copyright a:visited {
  text-decoration: none;
  color: white;
}

#footer p.copyright a:hover {
  text-decoration: underline;
  color: white;
}

/* ---[ table ]------------------------------- */

.tabulka {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #e9e9e9;
  margin-bottom: 2em;
margin-left: auto; margin-right: auto
}

.tabulka th, .tabulka td {
  padding: 4px 8px;
  border: 1px solid #e9e9e9;
}

.tabulka thead th, .tabulka thead td {
  font-weight: bold; text-align: center;
  padding: 4px 8px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #e9e9e9; color:#3c3c3c;
}

.tabulka tbody th {
  font-weight: bold; text-align: left;
}

.tabulka tbody tr:hover {
  background-color:#f1f1f1;
}

/*----------------------------------úvodní stránka--------------------------*/
.index #lcolumn {display:none;}

.index #rcolumn {width:840px;}


.index-box {
width: 250px; 
height: 200px; 
 background:#f3f3f3; 
border:1px solid #f0f0f0; 
padding: 5px; margin:5px 1px 15px 1px; 
float: left; 
position: relative;
font-size:110%; 
text-align:center; }

.index-box h2 {color:#393939; font-weight:bold;}


.index-box p a {
float: right; 
background: url(/obrazok/3/button-png/) no-repeat; 
min-height:39px; line-height:39px;
min-width:100px; 
color:white;
text-decoration:none;
}

.index-box p a:hover {
 background: url(/obrazok/3/button-hover-png/) no-repeat; 
color:white;}

/* ---[ form ]-------------------------------- */

#form {
  padding: 20px;
  margin-bottom: 2em;
  background-color: #f5f5f5;
}

input[type=text], input[type=password], textarea {
  font: 100%/1.5 "Arial CE", Arial, sans-serif;
  padding: 3px 4px;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

form select {
  font: 100%/1.5 "Arial CE", Arial, sans-serif;
  color: #606060;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;   
}

form select option, form select optgroup {
  font: 100%/1.5 "Arial CE", Arial, sans-serif;
  padding: 2px 4px;
}

form select optgroup {
  font-style: normal;
  font-weight: bold;
}

form textarea {
  min-width: 300px;
} 

input[type=text]:focus, input[type=password]:focus, textarea:focus, form select:focus {
  color: #242424;
  background-color: #fff9e1;
  border-top: 1px solid #6f92be;
  border-right: 1px solid #6f92be;
  border-bottom: 1px solid #b7c8de;
  border-left: 1px solid #b7c8de;
}

#form table { margin: 0 auto 1em auto; }
#form table th { font-weight: bold; text-align: right; padding-right: 10px; }
#form table th span { color: #13accc; }
#form .fbody, #form .fnote { vertical-align: top; }

#form .button, form a.button {
  font: 100%/1.5 "Arial CE", Arial, sans-serif;
  width: 100px; height: 27px; line-height: 27px;
  color: white; cursor: pointer; _cursor: hand;
  background-color: #3c3c3c;
  border: none;
}

form a.button {
  display: block;
  text-decoration: none;
  text-align: center;
}

#form p.required { color: #13accc; padding-top: 1px; border-top: 1px solid #d8d8d8; margin-bottom: 0; }