/*
Theme Name: extra-web theme
Theme URI: http://wordpress.org/
Description: The theme of the extra-web webdesign company.
Version: 0.9a
Author: epic
Author URI: http://www.extra-web.cz
Tags: fixed width

	extra-web theme

*/

html, body, ul, ol, li, p, h1, h2, h3
{
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3
{
  font-family: 'Arial', sans-serif;
  font-size: 100%;
  font-weight: normal;
}

a,
a:active,
a:visited
{
  border-bottom: 1px transparent solid;
  color: #a3a3a3;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  border-bottom: 1px #a3a3a3 solid;
  text-decoration: none;
}

html
{
  background: #373737 url('images/html.gif') no-repeat center 51px;
}

body
{
  background: transparent url('images/body.gif') repeat-y center 0;
  color: #3f3f3e;
  padding: 0 0;
}

#content
{
  background: transparent url('images/content.jpg') no-repeat 0 0;
  font-family: 'Arial', sans-serif;
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 971px;
}

#header
{
  background: transparent url('images/header.png') no-repeat top left;
  height: 275px;
  overflow: hidden;
  position: relative;
}

#header ul li a
{
  border: none;
  display: block;
  height: 184px;
  left: 18px;
  overflow: hidden;
  position: absolute;
  top: 60px;
  padding: 0 0 0 235px;
  width: 0;
}

#main
{
  float: left;
  height: auto !important;
  height: 400px;
  left: 253px;
  margin: 0 auto;
  min-height: 400px;
  padding: 0 18px;
  position: relative;
  width: 682px;
}

#main p
{
  font-size: 120%;
  line-height: 2em;
  padding: 16px 20px;
  text-align: justify;
  text-indent: 0;
}

#main p.center,
#main p.zarovnat-na-stred
{text-align: center; text-indent: 0;}

#main h1
{
  /*color: #d00d04;*/
  color: #3186e1;
  font-size: 150%;
  font-weight: bold;
  padding: 20px 20px 0 20px;
  text-transform: uppercase;
}

#main h2
{
  /*color: #d00d04;*/
  color: #3186e1;
  font-size: 140%;
  font-weight: bold;
  margin: 12px 20px -5px 20px;
}

#main h3
{
  /*color: #d00d04;*/
  color: #3186e1;
  font-size: 120%;
  font-weight: bold;
  margin: 8px 20px 0 20px;
}

#main ul
{
  font-size: 100%;
  margin: 16px 16px;
}

#main ul ul
{
  margin: 8px 8px;
}

#main ul li
{
  font-size: 120%;
  list-style: disc;
  margin: 8px 24px;
  padding: 0 0 0 0;
}

#main ul li li
{
  font-size: 100%;
}

#main table
{
  border: 1px #e7e7e7 solid;
  margin: 16px auto;
}
#main table th
{
  border-bottom: 1px #e7e7e7 dotted;
  font-size: 140%;
  padding: 0.25em;
  text-align: center;
}

#main table td
{
  font-size: 140%;
  margin: 16px auto;
  padding: 0.25em;
  text-align: center;
}

#side
{
  background: #f4f4f4;
  float: left;
  left: -718px;
  margin: 5px 0 80px 18px;
  overflow: hidden;
  padding: 10px 18px;
  position: relative;
  width: 199px;
}

#side h2
{
  clear: both;
  color: #d00d04;
  font-size: 120%;
  font-weight: bold;
  padding: 10px 0 5px 0;
  text-transform: uppercase;
}

#side h2.novinky
{
  padding: 5px 0 15px 0;
}

#side h3
{
  clear: both;
  font-size: 120%;
  font-weight: bold;
  padding: 0 0;
  text-transform: uppercase;
}

#side h3 a
{
  color: #3f3f3e;
}

#side p
{
  font-size: 110%;
  padding: 5px 0;
}

#side a.vice
{
  display: block;
  float: right;
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 10px 0;
  overflow: hidden;
  width: auto;
}

#side h2 a
{
  color: #d00d04;
}

#side ul.podmenu
{
  overflow: hidden;
  padding: 15px 0;
}

#side ul.podmenu li
{
  padding: 8px 0;
}

#side ul.podmenu li a
{
  color: #d00d04;
  font-size: 120%;
  text-transform: uppercase;
}

#otherside
{
  display: none;
}

#footer
{
  background: #373737 url('images/footer.gif') no-repeat top left;
  clear: both;
  height: 69px;
  padding: 0 8px 40px 8px;
}

#footer p
{
  color: #5e5e5e;
  font-size: 110%;
  font-weight: bold;
  line-height: 60px;
  padding: 0 20px;
  text-align: left;
}

#menu
{
  left: 18px;
  position: absolute;
  top: 249px;
}

#menu h2
{
  display: none;
}

#menu ul li
{
  margin: 0;
  padding: 0;
}

#menu ul li
{
  background: transparent url('images/menu_li.gif') no-repeat 0 0;
  display: block;
  float: left;
  padding: 0 0 0 2px;
}

#menu ul li.o-nas
{
  background: none;
  padding: 0;
}

#menu ul li a
{
  background: transparent url('images/menu_a.gif') repeat-x 0 0;
  border: none;
  color: #ffffff;
  display: block;
  font-size: 110%;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
  text-transform: uppercase;
}

#menu ul li a:hover
{
  background-position: 0 -26px;
}

#menu2
{
  position: absolute;
  right: 38px;
  bottom: 70px;
}

#menu2 h2
{
  display: none;
}

#menu2 ul
{
  text-align: right;
}

#menu2 ul li
{
  border-left: 1px #a3a3a3 solid;
  display: inline;
  padding: 0 4px;
}

#menu2 ul li.o-nas
{
  border-left: none;
}

#menu2 ul li a
{
  border: none;
  color: #a3a3a3;
  text-transform: uppercase;
}

#menu2 ul li a:hover
{
  border-bottom: 1px #a3a3a3 solid;
}

.cform
{
  margin: 50px 0 0 0;
  padding: 0;
  width: 210px;
}

.cform fieldset
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cform fieldset legend
{
  display: none;
}

.cform input, .cform label, .cform textarea, .cform select
{
  color: #3f3f3e;
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
}

.cform label
{
  background: none !important;
  clear: both;
  color: #3f3f3e;
  display: block;
  font-size: 110%;
  font-weight: bold;
  padding: 1px 0 0 0;
  text-align: left;
  width: 200px;
}

.cform li.cf_li_err label
{
  color: #ff5156;
}

.cform input
{
  background: transparent url('images/input.gif') repeat-x 0 0;
  border: 1px #d0d0d0 solid;
  font-size: 110%;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding: 2px 2px;
  text-align: left;
  width: 200px;
}

.cform select
{
  border: 1px #d0d0d0 solid;
  font-size: 120%;
  padding: 2px;
  text-align: left;
  width: 200px;
}

.cform select:hover
{
  background: #e8e8e8;
  border: 1px #bababa solid;
}

.cform textarea
{
  background: transparent url('images/textarea.gif') repeat-x 0 0;
  border: 1px #d0d0d0 solid;
  font-size: 110%;
  height: 106px;
  overflow: auto;
  padding: 2px 2px;
  width: 200px;
}

.cform input.sendbutton
{
  background: none;
  border: none;
  cursor: pointer;
  font-size: 100%;
  font-style: italic;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  margin: 0 0 0 120px;
  padding: 0 0;
  overflow: hidden;
  text-transform: uppercase;
  width: 75px;
}

div.cf_info
{
  font-size: 110%;
  padding: 2px 0;
}

.cform ol
{
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.cform ol.cf-ol li, .cform ol.cf-ol li.cf_li_err
{
  font-size: 100%;
  margin: 0;
  padding: 4px 0;
}

.cform span.reqtxt, .cform span.emailreqtxt
{
  display: none;
}

.linklove {display: none;}
.vlevo, .left {float: left;}
.vpravo, .right {float: right;}
.velka-pismena {text-transform: uppercase;}

.ngg-galleryoverview
{
  margin: 8px 16px;
}

.ngg-galleryoverview a:hover img,
a:hover img.ngg-singlepic
{
  background-color: #2f85e2;
  border-color: #2f85e2;
}

#main ul.obrazky
{
  clear: both;
  margin: 8px 20px;
  overflow: hidden;
  padding: 0;
}

#main ul.obrazky li
{
  float: left;
  margin: 0;
  padding: 5px;
}

#main .cform
{
  position: absolute;
  right: 50px;
  top: 30px;
}

#main ul.obrazky li
{
  list-style: none;
}

div.mapa
{
  border: 1px #c0c0c0 solid;
  height: 420px;
  overflow: hidden;
  position: absolute;
  right: 50px;
  top: 450px;
  width: 300px;
}

div.slideshow
{
  height: 184px;
  left: 258px;
  padding: 2px 0 0 6px;
  position: absolute;
  top: 61px;
  width: 313px;
  z-index: 1;
}

div#overlay
{
  /*background: transparent url('images/overlay.gif') no-repeat left top;*/
  height: 184px;
  left: 258px;
  position: absolute;
  top: 61px;
  width: 313px;
  z-index: 2;
}

a#toplist
{
  bottom: 120px;
  display: block;
  left: 24px;
  position: absolute;
}

#lang ul
{
  right: 35px;
  position: absolute;
  top: 320px;
  z-index: 99;
}

#lang ul li
{
  display: block;
  float: left;
}

#lang ul li a
{
  background: transparent no-repeat 0 0;
  border: 1px #666666 solid;
  display: block;
  float: left;
  height: 15px;
  line-height: 15px;
  margin-right: 5px;
  overflow: hidden;
  text-indent: 23px;
  width: 23px;
}

#lang ul li.cs a
{background-image: url('images/cs.gif');}
#lang ul li.de a
{background-image: url('images/de.gif');}