/*  planstav a.s.
    Martin Svetlik, SCARABEO s.r.o. (c) 2009   */

* { margin: 0; padding: 0; }
body {
  background: #d1e4f2 url('./layout/bg.jpg') top left repeat-x;
  font-family: sans-serif;
  font-size: small;
  line-height: 23px;
  color: #003961;
}

/* ------------------------------ Zakladni vlastnosti ---------------------------------*/

#page { width: 944px; margin: 0 auto; padding-top: 49px; }

a, a:visited { color: #f15038; text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }

a img { border: none; }

table { 
  display: table; 
  border-collapse: collapse; 
  border: 1px solid #d3e4ea; 
  width: 90%;
  margin: 0 auto 25px;
}
tr { display: table-row; }
th, td { display: table-cell; border: 1px solid #d3e4ea; margin: 0; padding: 5px 15px; vertical-align: top; text-align: left; }
th { background: #e2eff2; font-weight: bold; vertical-align: middle; }
tr.even td { background-color: #f9fcfd; }

.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right; }

.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

.replacement {
  position: relative;
  overflow: hidden;
}
.replacement span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

/* ------------------------------ Horni cast ---------------------------------*/

/* ------ Logo ------*/

#logo {
  width: 340px;
  height: 65px;
  position: relative;
  overflow: hidden;  
  margin-bottom: 33px;
}

#logo span {
  width: 340px;
  height: 65px;
  background: url('./layout/logo.jpg') top left no-repeat;
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
}

#logo h1 { font-size: 260%; line-height: 65px; padding-left: 100px; font-weight: normal; }
#logo h1 a, #logo h1 a:visited { color: #013c71; text-decoration: none; }


/* ------ Navigace ------*/

#menu { width: 100%; height: 60px; background: #ebf1f5 url('./layout/nav-bg.jpg') top right no-repeat; }

#menu ul li {
  position: relative;
  display: inline;
  list-style: none;
  float: left;
  z-index: 10;
}

#menu ul li.divider { width: 2px; height: 60px; background: #003a61 url('./menu/divider.jpg') top left no-repeat; }

#menu ul li a {
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
  color: #2893dc;
  text-align: center;
  line-height: 60px;
  padding: 0 31px;
  background: #003a61 url('./menu/bg.jpg') repeat-x;
  background-position: 0 0;
  text-decoration: none;
  font-weight: bold;
}

#menu ul li#active a { color: #fff; }
#menu ul li#active ul li a { color: #fff; }

#menu ul li:hover a, #menu ul li.sfHover a { background: #b71700 url('./menu/bg.jpg') repeat-x; background-position: 0 -60px; color: #fff; }

* html #menu ul li a { display: inline-block; }


#menu ul li a:hover {
  background: #b71700 url('./menu/bg.jpg') repeat-x;
  background-position: 0 -60px;
  color: #fff;
}
	
/* Submenu */
#menu ul li ul {
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
  margin-left: 0;
  border-bottom: 5px solid #b71700;
  border-top: 10px solid #b71700;
}

#menu ul li ul li {
  display: list-item;
  float: none;
}

#menu ul li ul li ul { top: 0; }

#page #menu ul li ul li a, #nav ul li ul li a:visited {
  width: 160px; /* sirka polozky submenu */
  line-height: 26px;
  margin: 0;
  display: block;
  text-align: left;
  background: #c71900 url('./menu/sub.jpg') no-repeat;
  background-position: 0 -26px;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  padding-left: 35px;
  padding-right: 10px;
}

#page #menu ul li ul li a:hover, #menu ul li ul li a:focus { background-color: #cf230a; background-position: 0 0; color: #fff; text-decoration: none; }

/* ------ Hlavicka ------*/

.head {
  width: 907px;
  height: 184px;
  margin-bottom: 5px;
  background-color: #00548d;
  color: #fff;
  font-size: 200%;
  padding: 100px 0 0 37px;
}

.head span {
  width: 944px;
  height: 284px;
  background: url('./layout/head.jpg') top left no-repeat;
}

/* ------------------------------ Obsahova cast ---------------------------------*/

#c-top { width: 100%; height: 30px; background: #fff url('./layout/sp-cont-top.jpg') top left no-repeat; }
#content { width: 100%; background: #fff url('./layout/sp-cont-bg.jpg') top left repeat-y; }
#c-bottom { width: 100%; height: 30px; background: #fff url('./layout/sp-cont-bottom.jpg') top left no-repeat; }

body#hp #c-top { background: #fff url('./layout/hp-cont-top.jpg') top left no-repeat; }
body#hp #content { background: #fff url('./layout/hp-cont-bg.jpg') top left repeat-y; }
body#hp #c-bottom { background: #fff url('./layout/hp-cont-bottom.jpg') top left no-repeat; }

/* ------ Spolecne vlastnosti ------*/
#content h2, h3, h4 { font-size: 130%; padding-bottom: 10px; clear: both; }
#content h2, h3 { color: #f15038; }
#content h4 { color: #005c9c; }
#content h5 { font-size: 100%; }

#content p { padding-bottom: 30px; }
#content ul { list-style: none; }

/* ------ Vlevo ------*/
#c-left { float: left; width: 398px; padding-left: 37px;  }

ul.ticks { margin-bottom: 30px; }
ul.ticks li { font-weight: bold; padding-left: 50px; margin-bottom: 18px; background: url('./img/tick.jpg') top left no-repeat; }

ul.news-list li { padding-bottom: 25px; }

ul.submenu { width: 100%; }
ul.submenu li { float: left; padding-bottom: 30px; }

/* ------ Vpravo ------*/
#c-right { float: right; width: 397px; padding-right: 37px; }

#page p.residence { padding-bottom: 22px; }

ul.contact-list { margin-left: 22px; }
ul.contact-list li strong { line-height: 40px; }
ul.contact-list li a { line-height: 40px; }

/* ------ Samotne ------*/

#c-center { padding: 0 37px;  }


/* ------ Spolecne ------*/

#page p.box { background-color: #ecf5fc; font-weight: bold; padding: 20px 10px; margin-bottom: 30px; }
p.br { margin-top: 103px; }
ul.arrow { margin-left: 20px; margin-bottom: 35px; }
ul.arrow li { background: url('./img/arrow.jpg') no-repeat; background-position: 0 5px; padding-left: 25px; }

/* ------ Fotogalerie ------*/

body#gallery h3.title { color: #005c9c; font-size: 110%; cursor: pointer; padding-bottom: 10px; }
body#gallery h4 { color: #f15038; font-size: 100%; padding-bottom: 10px; }

ul.gal li p img { border: 1px solid #cde2f2; padding: 5px; margin-right: 3px; }

/* ------------------------------ Paticka ---------------------------------*/

#footer { padding: 25px 45px; margin-bottom: 20px; }

p.f-left { float: left; width: 45%; color: #457ca3; }
p.f-left strong { padding: 2px 0 5px 28px; background: url('./img/ps-icon.jpg') top left no-repeat; margin-left: 3px; }
p.scarabeo { float: right; width: 80px; height: 20px; text-align: center;  }
p.scarabeo a { color: #457ca3; display: block; cursor: pointer; }
p.scarabeo span { width: 80px; height: 20px; background: url('./img/scarabeo.jpg') top left no-repeat; }