body,div,p,a,span,form,h1,h2,h3 {
  padding: 0;
  margin: 0;
}
body {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  color: #444
}

.cleaner {
  clear: both;
}
.bold {
  font-weight: bold;
}

h1 {
  font-size: 12px;
}

a {
  color: #ccc;
}
a:hover {
  color: #fff
}

/****************************** L A Y O U T */
#container {
  width: 740px;
  margin: 0 auto;
  background: #fff url(img/bkg.gif) top right repeat-y;
}
#header {
  height: 155px;
  background: #fff url(img/header.jpg) bottom left no-repeat;
  border-bottom: 2px solid #fff;
}
#titulka {
  height: 242px;
}
#left {
  float: left;
  width: 549px;
  background: #fff;
}
#right {
  width: 188px;
  float: right;
}
#main {
  min-height: 200px;
  _height: 200px;
  background: #fff url(img/bkg.gif) top right repeat-y;
}
#footer {
  background: url(img/footer.jpg) top left no-repeat;
  height: 65px;
  color: #fff;
  font-size: 10px;
}

#crespo {
  background: #fff;
}
#crespo p {
  padding: 0 15px;
}


/******************** S P O L E C N E ******/
.hlavicka {
  color: #fff;
  height: 25px;
  line-height: 25px;
  background: #39c;
  font-weight: bold;
}
.hlavicka .in {
  padding: 0 10px;
}
.hlavicka span {
  background: url(img/sipka-bila-p.gif) center left no-repeat;
  padding: 0 0 0 10px;
}
.hlavicka img {
  margin-right: 5px; 
}
a {
  color: #158;
}
a:hover {
  color: #900;
}
.aktuality { background: #900; }


/************************** H E A D E R **********/
#header p {
  text-align: right;
}
#header .linky {
  padding: 45px 0 0;
}
#header .od {
  padding: 15px 0 0;
}

#kontakt { width: 188px; float: right; }
.kontakt .in { padding: 10px 10px; }

#htext { float: right; margin-top: 11px; }

/************************** F L A S H   A N I M ***/
#show {
  background: url(img/slide/o2-prodejna-01.jpg) bottom left no-repeat;
  width: 740px;
  height: 240px;
}


/***************************** L I D E *****/
#lide {
  width: 188px;
}
#lide p {
  margin: 0;
}
#lide img {
  border: 0;
}
#lide .info {
  padding: 5px;
  background: #eee; 
}
#lide .jmeno {
  font-size: 14px;
}
#lide .funkce {
  display: block;
  margin-bottom: 8px; 
}

#lide .nav {
  background: #999;
  padding: 1px 0 2px; 
  color: #fff;
}
#lide .pocitadlo {
  float: left;
  padding-left: 3px;
}
#lide .smer {
  float: right;
}
#lide .smer img {
  margin: 0 5px;
}
#lide .smer a {
  color: #fff;
  text-decoration: none;
}
#lide .smer a:hover {
  color: #d32;
}

#lide .foto {
  height: 110px;
  border-bottom: 2px solid #fff;
  background: #ccc;
  overflow: hidden;
}
#lide .in {
  padding: 30px 10px;
}



/***************************** M E N U *****/
#menubar { height: 25px; }
#menubar .hlavicka { float: right; width: 188px; }


#topmenu { height: 25px; line-height: 24px; background: #6cf; color: #fff; text-align: center; float: left; width: 550px; }
#topmenu ul {margin:0; padding:0; list-style:none; display:inline-block;}
#topmenu li { float:left; display:inline; width:110px; }
#topmenu a {position:relative; width:110px; color:#fff; text-decoration:none; float:left; text-align:center; display:inline; margin-right:-110px; background: url(img/topmenu-delic.gif) center left no-repeat; font-weight: bold;}
#topmenu li.first a { background: none; }
#topmenu a.selected { background: #277; }
#topmenu a:hover  { background: #399; margin-right:0;}
#topmenu li.first a:hover { background: #399; }
#topmenu a.selected span,
#topmenu a:hover span { background: url(img/topmenu-delic.gif) center left no-repeat; display: block; }
#topmenu li.first a:hover span { background: none; }






/********************** PRESVEDCTE SE ****/
#nab {
  margin: 10px;
}













/****************** F O O T E R *************/
#footer .bmenu {
  padding: 15px 15px 0;
}
#footer .bmenu img {
  margin: 0 5px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .copy {
  padding: 10px 15px;
}

#crespo { text-align: center; font: normal 10px/20px arial,helvetica,sans-serif;}
#crespo a.a {
  color: #fff;
  text-decoration: none;
}


/*** placeit ****/
#layer1 { position: absolute; left: 50%; top: 0px; width: 600px; height: 400px; margin: 90px 0 0 -300px; background: #ccc; border: 2px solid #666;
  -webkit-box-shadow: #000 0px 0px 18px;
  -moz-box-shadow: #000 0px 0px 18px;
  box-shadow: #000 0px 0px 18px;
 }
#layer1 div { font-size: 12px; text-align: center; }
#layer1 div a { color: #feb; }
#layer1 div a:hover { color: #feb; text-decoration: none; }

#layer1 span {
  float:right;
  background-color: black;
  color:white;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  cursor:hand;
  font-family: arial;
}

#layer1 img {
  margin: 0 0 0px;
}