body {
      margin:0;
      padding:0;
      color:#000;
      background-color: #eee;
      font:x-small/1.5em Verdana,Georgia,Serif;
      voice-family: "\"}\""; 
	  voice-family:inherit;
      font-size:small;
      }
	  
/*---------------------------  menu 1  ---------------------------*/
    #menu1 {
      float:left;
      width:100%;
      background:#e2e5da url("images/css/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #menu1 ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #menu1 li {
      float:left;
      background:url("images/css/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
    #menu1 a {
      float:left;
      display:block;
      width:.1em;
      background:url("images/css/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #menu1 > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu1 a {float:none;}
    /* End IE5-Mac hack */
    #menu1 a:hover {
      color:#333;
      }
    #spolecnost #nav-spolecnost,
    #sluzby #nav-sluzby, #linux #nav-linux,
    #lotus #nav-lotus, #web #nav-web, #helpdesk #nav-helpdesk,
	#kontakt #nav-kontakt {
      background-position:0 -150px;
      border-width:0;
      }
    #spolecnost #nav-spolecnost a,
    #sluzby #nav-sluzby a, #linux #nav-linux a,
    #lotus #nav-lotus a, #web #nav-web a, #helpdesk #nav-helpdesk a,
	#kontakt #nav-kontakt a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #menu1 li:hover, #menu1 li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #menu1 li:hover a {
      background-position:100% -150px;
      }
	  
/*---------------------------  menu 2 - navig list  ---------------------------*/ 
#menu2 {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

#navlist {
	margin: 0;
	padding: 0 0 25px 10px;
	background-color: #FFFFFF;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
font-size:93%;
}

#navlist a:link, #navlist a:visited {
float: left;
line-height: 1em;
font-weight: bold;
margin: 5px 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#active, #navlist a:visited#active, #navlist a:hover {
border-bottom: 4px solid #000;
padding-bottom: 4px;
background: #fff;
color: #000;
}

#navlist a:hover { color: #000; }

/*--------------------------- logo, obal  ---------------------------*/ 

#container {
max-width:770px;
width:expression(document.body.clientWidth > 770? "770px": "auto" );
margin: 0em auto;
padding: 0px;
background-color: #e2e5da;
border: 1px solid #999999;
           }
#logo {
height: 55px;
padding: 0;
margin: 0;
}

#logo a  {
border-style: none;
display: block;
width: 292px;
}

#logo img  {
display: block;
width: 0;
}

#logo span {
position: absolute;
width: 500px;
height: 55px;
background: #e2e5da url("images/logo_bpc.gif") no-repeat;
}

html>body #logo span {
top: 1px;
}

/*---------------------------  obsah  ---------------------------*/ 
#obsah {
	padding: 0em;
	background-color: #FFFFFF;
	margin: 0px;
	height: auto;
}

p {
	padding-right: 1em;
	padding-left: 1em;
	text-align: justify;
}

h1 {
	font-size: 180%;
	font-weight: bold;
	color: #313390;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
	padding-left: 0.7em;
}

h2 {
	font-size: 140%;
	color: #3366CC;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.9em;
}

h3 {
font-size: 125%;
color: #3366CC;
padding-top: 0.1em;
padding-bottom: 0.1em;
border-bottom: 1px solid #ddd;
margin-right: 1em;
margin-left: 1em;
}

h4 {
font-size: 110%;
color: #3366CC;
padding-top: 0.1em;
padding-bottom: 0.1em;
padding-left: 1em;
}

h5 {
font-size: 100%;
font-weight: bold;
color: #3366CC;
padding-top: 0.1em;
padding-bottom: 0.1em;
padding-left: 1em;
}

blockquote {
color: #777;
padding-left: 12px;
border-left: 1px dotted #777;
}

code {
color: #777;
line-height: 1.2em;
font-size: 110%;
text-align: left;
}

abbr, acronymn {
border-bottom: 1px dotted;
}

.date {
font-size: 92%;
color: #999;
}

.tableodsazeni {
padding-left: 1em;
border: 1px solid #999999;
}

.tableram {
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px none #999999;
}

.tableramtopleft {
	border-top: 1px solid #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px solid #999999;
}

/* --- paticka ----------------------------------- */

#footer {
	clear: both;
	color: #999;
	border-top: 2px solid #ddd;
	margin-right: 1em;
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	font-size: smaller;
	text-decoration: none;
}

#footer a:link, #footer a:visited, #footer a:hover{
	color: #999;
	border-color: #999;
	text-decoration: none;
}

/* --- ruzne ------------------------------------------ */

hr {
border-top: 1px dashed #ccc;
color: #fff;
background-color: #fff;
height: 1px;
}

#logo a, #nav a, a.noline:link, a.noline:visited {
border-style: none;
}

h3 img {
vertical-align: middle;
}

ul.noBullet li {
list-style-type: none;
}

.center {
text-align: center;
}

.hide {
display: none;
}

.cb {
clear: both;
}

table {
	font-size: 11px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.border {
border: 1px solid #666666;
}

.red {
	color: #cc0000;
}

img.vpravo {
float:right;
margin: 2em  1em 0em 0.7em;
}

.vpravo {
float:right;
margin: 2em  2em 0.2em 0.2em;
}

img.vpravobord {
float:right;
margin: 0.5em  0em 0em 2em;
border: 1px solid #666666;
}

img.vlevobord {
float:left;
margin: 0.5em  2em 0em 0em;
border: 1px solid #666666;
}

.vlevo {
float:left;
margin: 2em  2em 0.2em 0.2em;
}

#formular {
	padding-right: 1em;
	padding-left: 1em;
}

div.obsah a[href^="http://"] {
background: transparent url("images/css/aoutside.gif") 100% 50% no-repeat;
padding-right: 10px;
}

div.obsah a[href^="http://www.bpc.cz"] {
background: inherit;
padding-right: 0px;
}

/* --- kontakt ------------------------------------------ */

#kontaktpage {
  float: left;
  width: 440px;
}

#kontaktmaps {
  float: left;
  width: 750px;
}

#leftcol {
  float: left;
  width: 180px;
}

#rightcol {
  float: right;
  width: 190px;
}

#leftmaps {
  float: left;
  width: 400px;
}
#rightmaps {
  float: right;
  width: 330px;
  text-align: right;
}

/*--- index otazka --------------------------------------*/

#otazka h3 {
background:  url("images/menu/li_otaznik.gif") no-repeat 0 3px;
padding-left: 15px;
}


/*--- search --------------------------------------*/
#searchbox {
	float: right;
	margin-top: 16px;
	margin-right: 0.8em;
}

#searchform {
	margin: 0px;
	font-size: 0.85em;
}

.tlacitko {
font-size: 0.8em;
background: #efc;
border: 1px solid #000;
border-left-color: #fff;
border-top-color: #fff;
background-image : none;
}

.tlacitko:hover {
background: #CCCCCC;
}

form input {
	padding: 2px;
	border: 1px solid #9C9C9C;
	background-image: url("images/menu/bg_form.gif");
}

form input.img {
	border: solid 0px;
	margin: 0px;
	padding: 0px;
	background-image : none;
}
.male {
	font-size: x-small;
	color: #999999;
}