/*
Theme Name: Babice šablona
Description: Šablona pro Babice
Author: Filip Rytych
Version: 1.0
*/

/*
Obecné
*/

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  background-color: #f1f1f1;
  background-image: url(img/bg.gif);
  background-repeat: repeat-x;
  margin:0 auto;
  font-smooth: always;
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  height: 100%;
}

#bg_img {
  width: 100%;
  background-image: url(img/bg_img.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
  text-align: center;
}

img {
  border: 0px solid black;
}

a {
  color: #989e1c;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
}

*:focus {
  outline:none;
}

h1 {
  font-size: 1.7em;
  color: #6f5243;
  background-image: url(img/h1.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 40px;
  margin-left: 3px;
  margin-bottom: 10px;
}

h2 {
  font-size: 1.5em;
  color: #6f5243;
  padding: 20px 0px 5px 0px;
}

h3 {
  font-size: 1.3em;
  color: #6f5243;
}

p {
  text-align: justify;
  padding: 10px 0;
}

ul {
  padding-left: 20px;
}

ol {
  padding-left: 30px;
}

/*
Kostra webu
*/

#all {
  margin: 0 auto;
  width: 960px;
  min-height: 100%;
  text-align: center;
}

#top {
  height: 62px;
  position: relative;
  text-align: left;
}

.logo {
  position: absolute;
  left: 0px;
  top: 2px;
}

.phone {
  position: absolute;
  left: 520px;
  width: 215px;
  height: 54px;
  background-image: url(img/phone.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  color: white;
}

.mail {
  position: absolute;
  left: 750px;
  width: 200px;
  height: 54px;
  background-image: url(img/mail.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: white;
}

.headerText {
  position: absolute;
  left: 80px;
  top: 7px;
  font-size: 1em;
  font-style: italic;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

.headerInfo {
  position: absolute;
  left: 50px;
  top: 24px;
  font-size: 1.3em;
}

.headerInfo a {
  color: white;
  text-decoration: none;
}

.headerInfo a:hover {
  color: white;
  text-decoration: underline;
}

#imageRotate {
  text-align: left;
  height: 329px;
  width: 100%;
  background-image: url(img/bg_rotate.png);
  background-repeat: no-repeat;
  background-position: left 12px;
  position: relative;
}

a .arrowLeft {
  width: 48px;
  height: 48px;
  background-image: url(img/arrow_left.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 95px;
  left: 30px;
  z-index: 100;
}

a .arrowRight {
  width: 48px;
  height: 48px;
  background-image: url(img/arrow_right.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 95px;
  right: 30px;
  z-index: 100;
}

a:hover .arrowLeft {
  background-image: url(img/arrow_left_hover.png);
}

a:hover .arrowRight {
  background-image: url(img/arrow_right_hover.png);
}

#main {
  width: 910px;
  background-color: #ffffff;
  padding: 10px 25px 80px 25px;
  position: relative;
  margin-bottom: 70px;
  text-align: left;
  min-height: 310px;
}

#menu {
  text-align: left;
  height: 57px;
  width: 960px;
  background-image: url(img/bg_menu.gif);
}

#menu ul:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  content: ' ';
}

#menu ul {
  min-height: 2px;
  padding: 0px;
}

#menu ul {display: inline-block;}

/* Backslash hack - nemel by to videt IE/Mac \*/
#menu ul {display: block;}
/* Konec hacku */

#menu ul li {
  height: 44px;
  display: block;
  list-style-type: none;
  float: left;
}

#menu ul li {
  text-align: center;
  background-image: url(img/menu_separatpr.png);
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  z-index: 100;
}

#menu ul li:first-child {
  background-image: none;
}

#menu ul li a {
  padding: 13px 3px 13px 3px;
  width: 131px;
  display: block;
  text-decoration: none;
  color: #cfd728;
  font-size: 1.1em;
  font-weight: bold;
}

#menu ul li a:hover {
  background-color: #eaeaea;
  color: #463730;
  text-decoration: underline;
}

#menu ul ul {
  height: 0;
  margin: 0;
  padding: 0;
  width: 131px;
  visibility: hidden;
}

#menu ul li:hover ul {
  visibility: visible;
}

#menu ul ul li {
  height: 44px;
  background-image: none;
  background-color: #473831;
  clear: right;
}

#crumbs {
  position: absolute;
  right: 15px;
  top: 15px;
  padding-left: 20px;
  background-image: url(img/breadcrumbs.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 0.8em;
}

.more-link {
  position: absolute;
  right: 50px;
  margin-top: 10px;
}

#slides {
  display: none
}

#imageSlides {
  width: 928px;
  height: 273px;
  position: relative;
  top: 25px;
  left: 15px;
}

.slidesBox {
  position: relative;
}

.mainPhoto {
  z-index: 50;
}

.slidesText {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 110;
  height: 60px;
  width: 100%;
  background-color: rgba(255,255,255,0.75);
}

.slidesText span {
  font-size: 1.7em;
  font-weight: bold;
  padding:  2px 0 0 30px;
  display: block;
  text-shadow: 0.5px 0.5px 1px white;
}

.slidesText p {
  font-size: 1.2em;
  padding:  3px 0 0 30px;
  text-shadow: 0.5px 0.5px 1px white;
}

.slidesjs-stop {
  right: 5px;
  position: absolute;
  bottom: 13px;
  z-index: 100;
}

.slidesjs-play {
  right: 5px;
  position: absolute;
  bottom: 13px;
  z-index: 100;
}

#footer {
  background-color: #43322b;
  height: 70px;
  margin-top: -70px;
}

#footerWhite {
  background-color: #ffffff;
  height: 1px;
  width: 100%;
}

#footerGreen {
  background-color: #ced724;
  height: 9px;
  width: 100%;
}

#footer2 {
  text-align: center;
  margin: 0 auto;
  height: 60px;
  width: 960px;
  position: relative;
}

#footer_menu {
  padding: 22px 0px 0px 10px;
  position: absolute;
}

#footer_menu ul {
  display: inline-block;
  min-height: 2px;
}

#footer_menu ul:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#footer_menu ul li {
  display: block;
  float: left;
  list-style-type: none;
  padding-right: 5px;
  padding-left: 5px;
  border-left: 1px solid #989E1C;
  font-size: 0.9em;
}

#footer_menu ul li:first-child  {
  border-left: 0px solid #989E1C;
}

.alignleft {
  float: left;
  margin-right: 10px;
}

.alignright {
  float: right;
  margin-left: 10px;
}

.size-small, .size-thumbnail {
  border: 3px solid #6F5243;
}

.size-small:hover {
  border: 3px solid #000000;
}

ol {
  margin-bottom: 10px;
}

ul {
  margin-bottom: 10px;  
}