/*
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, h4
{
	list-style: none;
	margin: 0;
	padding: 0;
}

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

a,
a:active,
a:visited
{
  border: none;
  color: #1971d8;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

html
{
  background: #ffffff url('images/html.gif') repeat-x 0 309px;
}

body
{
  background: transparent url('images/body.gif') repeat-x 0 bottom;
  color: #333333;
  padding: 8px 0 0 0;
}

#content
{
  background: transparent url('images/content.gif') repeat-y 0 0;
  font-family: 'Tahoma', sans-serif;
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  height: auto !important;
  height: 0;
  margin: 0 auto;
  min-height: 0;
  padding: 0;
  position: relative;
  width: 960px;
}

#header
{
  background: transparent url('images/header.jpg') no-repeat 0 0;
  height: 311px;
  overflow: hidden;
  position: relative;
}

#header ul li a
{
  border: none !important;
  display: block;
  height: 51px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  padding: 0 0 0 960px;
  width: 0;
}

#header ul.lang li a
{
  border: transparent no-repeat 0 0;
  height: 17px;
  left: 850px;
  padding: 0 0 0 22px;
  top: 58px;
}

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

#header ul.lang li.en a
{
  background-image: url('images/en.gif');
  left: 880px;
}

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

#main
{
  background: transparent url('images/header.jpg') no-repeat -169px -311px;
  float: left;
  left: 169px;
  padding: 0 0;
  position: relative;
  width: 565px;
}

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

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

#main h1
{
  background: transparent url('images/h1.gif') no-repeat 25px 18px;
  color: #333333;
  font-size: 160%;
  font-weight: bold;
  padding: 16px 25px 0 45px;
}

#main h2
{
  color: #333333;
  font-size: 140%;
  font-weight: bold;
  padding: 23px 25px 0 25px;
}

#main h3
{
  color: #333333;
  font-size: 120%;
  font-weight: bold;
  padding: 23px 25px 0 25px;
}

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

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

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

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

#main table
{
  border: 1px #009bd9 solid;
  border-collapse: collapse;
  margin: 10px 40px;
}
#main table th
{
  background: #009bd9;
  border: 1px #009bd9 solid;
  color: #ffffff;
  font-size: 120%;
  font-weight: bold;
  padding: 0.5em 1em;
  text-align: left;
}

#main table td
{
  border: 1px #009bd9 solid;
  font-size: 120%;
  padding: 0.5em 1em;
  text-align: left;
}

#side
{
  float: left;
  left: -565px;
  margin: -234px 0 0 0;
  overflow: hidden;
  padding: 0 0 10px 0;
  position: relative;
  width: 169px;
}

#side div.napiste-nam
{
  background: transparent url('images/form_div.gif') no-repeat 0 bottom;
  margin: 10px 0;
  padding: 0 0 6px 0;
}

#side div.napiste-nam h2
{
  background: transparent url('images/form_h2.gif') no-repeat 0 top;
  height: 0;
  overflow: hidden;
  padding: 6px 0 0 0;
  width: 100%;
}

#side div.napiste-nam form,
#side div.napiste-nam form fieldset,
#side div.napiste-nam .cf_info
{
  margin: 0;
  padding: 0;
  width: auto;
}

#side div.napiste-nam form,
#side div.napiste-nam .cf_info
{
  background: transparent url('images/form.gif') repeat-y 0 0;
  padding: 0 10px;
}

#side div.napiste-nam legend
{
  background: transparent url('images/form_legend.gif') no-repeat 0 6px;
  display: block;
  font-size: 120%;
  font-weight: bold;
  padding: 3px 0 8px 14px;
}

#side div.napiste-nam label,
#side div.napiste-nam .cf_hidden
{
  display: none !important;
}

#otherside
{
  background: transparent url('images/main.png') no-repeat 729px 0;
  float: left;
  left: 0;
  overflow: hidden;
  padding: 0 0 10px 0;
  position: relative;
  width: 226px;
}

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

#footer p
{
  color: #333333;
  font-size: 110%;
  font-weight: bold;
  line-height: 40px;
  padding: 0 64px;
  text-align: left;
}

#menu
{
  background: transparent url('images/menu_div.gif') no-repeat 0 bottom;
  padding: 0 0 4px 0;
}

#menu h2
{
  background: transparent url('images/menu_h2.gif') repeat-x 0 top;
  display: block;
  height: 5px;
  line-height: 5px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 169px;
  width: 169px;
}

#menu ul
{
  background: transparent url('images/menu_ul.gif') repeat-y 0 top;
  margin: 0 0;
  padding: 0 0;
}

#menu ul li
{
  background: transparent url('images/menu_li.gif') no-repeat 5px 37px;
  display: block;
  margin: 0 0 1px 0;
  padding: 0 0;
}

#menu ul li a
{
  background: transparent url('images/menu_a.gif') no-repeat 0 0;
  border: none !important;
  color: #ffffff;
  display: block;
  font-size: 120%;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  padding: 0 0 0 25px;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  width: 144px;
}

#menu ul li.aktualni a,
#menu ul li.predek a,
#menu ul li a:hover
{
  background-position: 0 -36px;
  color: #ffffff;
  text-decoration: none;
}

#menu ul li.aktualni li a,
#menu ul li.predek li a
{
  background-position: 8px 7px;
  color: #1971d8;
}

#menu ul ul
{
  background: transparent url('images/menu_ul_ul.gif') no-repeat 0 bottom;
  display: none;
  margin: 6px 5px 0 5px;
  padding: 0 0 5px 0;
  width: 159px;
}

#menu ul li.aktualni ul,
#menu ul li.predek ul
{
  display: block;
}

#menu ul ul ul
{
  background: none;
  margin: 0 0;
  padding: 0 0;
}

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

#menu ul ul li a
{
  background: transparent url('images/menu_a_2.gif') no-repeat 8px 7px;
  color: #1971d8;
  display: block;
  font-size: 110%;
  font-weight: normal;
  height: auto;
  line-height: 20px;
  padding: 0 0 0 15px;
  width: auto;
}

#menu ul ul li.aktualni a,
#menu ul ul li.predek a,
#menu ul ul li a:hover
{
  color: #1971d8;
  font-weight: bold;
}

#menu ul ul ul li a
{
  background-image: url('images/menu_a_3.gif');
  padding-left: 20px;
}

#menu li.aktualni ul li a
{
  font-weight: normal;
}

#menu li.aktualni ul li a:hover
{
  font-weight: bold;
}

.cform
{
  margin: 0 25px;
  padding: 0;
  width: 400px;
}

.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: #333333;
  font-family: 'Tahoma', sans-serif;
  margin: 0;
  padding: 0;
}

.cform label
{
  background: none;
  display: block;
  font-size: 110%;
  font-weight: bold;
  padding: 1px 0 0 0;
  text-align: left;
}

.cform li.cf_li_err label
{
  color: #009bd9;
}

.cform input
{
  background: #ffffff;
  border: 1px solid #b3c0ce;
  font-size: 110%;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  padding: 2px 2px;
  text-align: left;
  width: 142px;
}

.cform li.cf-box-group input
{
  float: left;
  margin-right: 10px;
  width: auto;
}

.cform .cf-box-title
{
  display: block;
  font-size: 110% !important;
  font-weight: bold;
  padding-top: 5px !important;
}

.cform input:hover, .cform input:focus
{
  background: #f0f0f0;
}

.cform li.cf_li_err input
{
  background: #ffffff;
  border: 1px solid #b3c0ce;
  color: #009bd9;
  font-weight: bold;
}

.cform select
{
  background: #ffffff;
  border: 1px solid #b3c0ce;
  font-size: 110%;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  padding: 2px 2px;
  text-align: left;
  width: 142px;
}

.cform select:hover
{
  background: #f0f0f0;
}

.cform textarea
{
  background: #ffffff;
  border: 1px solid #b3c0ce;
  font-size: 110%;
  height: 50px;
  line-height: 14px;
  overflow: hidden;
  padding: 2px 2px;
  text-align: left;
  width: 142px;
}

.cform textarea:hover, .cform textarea:focus
{
  background: #f0f0f0;
}

.cform li.cf_li_err textarea
{
  background: #e8e8e8;
  border: 1px solid #009bd9;
  color: #009bd9;
  font-weight: bold;
}

.cform input.sendbutton
{
  background: #34a8f5 url('images/sendbutton.gif') repeat-x 0 0;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 120%;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  margin: 10px 0 5px 0;
  overflow: hidden;
  padding: 0px 2px 2px 2px;
  text-align: center;
  width: 80px;
}

.cform input.sendbutton:hover
{
  background: #34a8f5 url('images/sendbutton.gif') repeat-x 0 0;
  border: none;
  color: #ffffff;
}

div.cf_info
{
  font-size: 110%;
  overflow: hidden;
  padding: 2px 25px;
  text-align: left;
  width: 300px;
}

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

.cform ol.cf-ol li, .cform ol.cf-ol li.cf_li_err
{

  background: none !important;
  border: none !important;
  font-size: 100%;
  margin: 0 !important;
  padding: 2px 0 !important;
}

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

#main .cform p
{
  padding: 0;
}

.linklove {display: none;}
.vlevo, .left {float: left;}
.vpravo, .right {float: right;}
.velka-pismena {text-transform: uppercase;}
.zarovnani {clear: none !important;}
.neplovouci {clear: both; float: none;}

.ngg-galleryoverview
{
  margin: 0 15px;
}

#loga
{
  bottom: 0;
  height: 48px;
  left: 64px;
  position: absolute;
}

#loga li
{
  background: transparent no-repeat 0 0;
  display: block;
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 12px 0 0;
  overflow: hidden;
}

#loga li.softub
{
  background-image: url('images/loga/softub.gif');
  text-indent: 57px;
  width: 57px;
}

#loga li.cfc
{
  background-image: url('images/loga/cfc.gif');
  text-indent: 103px;
  width: 103px;
}

#loga li.cpf
{
  background-image: url('images/loga/cpf.gif');
  text-indent: 113px;
  width: 113px;
}

#loga li.iwfa
{
  background-image: url('images/loga/iwfa.gif');
  text-indent: 309px;
  width: 309px;
}

div.kontakt
{
  background: transparent url('images/kontakt.gif') repeat-y 0 0;
  margin: 12px 0 0 0;
  padding: 0 0;
  width: 22s6px;
}

div.kontakt h2
{
  background: transparent url('images/kontakt_h2.gif') no-repeat 0 0;
  height: 7px;
  line-height: 7px;
  overflow: hidden;
  text-indent: 226px;
  width: 226px;
}

div.kontakt h3
{
  background: transparent url('images/form_legend.gif') no-repeat 0 6px;
  display: block;
  font-size: 120%;
  font-weight: bold;
  margin: 0 10px;
  padding: 3px 0 3px 14px;
}

div.kontakt h3 strong
{
  text-transform: uppercase;
}

div.kontakt ul
{
  margin: 0 10px 15px 10px;
}

div.kontakt ul li
{
  font-size: 110%;
}

div.kontakt a.mapa
{
  background: transparent url('images/kontakt_mapa.gif') no-repeat 0 30px;
  display: block;
  font-size: 110%;
  height: 146px;
  margin: 0 10px 0 10px;
  padding: 0 0;
  width: 206px;
}

p.upoutavka
{
  background: transparent url('images/kontakt_upoutavka.gif') no-repeat 0 0;
  height: 60px;
}

p.upoutavka strong
{
  display: none;
}

#menu2
{
  left: 384px;
  position: absolute;
  top: 82px;
}

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

#menu2 ul li a
{
  background: transparent no-repeat 0 0;
  display: block;
  float: left;
  height: 173px;
  line-height: 173px;
  margin: 0 0 0 2px;
  overflow: hidden;
  text-indent: 142px;
  width: 142px;
}

#menu2 ul li a:hover,
#menu2 ul li.aktualni a
{background-position: 0 -173px;}

#menu2 ul li.protislunecni-folie a
{background-image: url('images/m_protislunecni.jpg');}
#menu2 ul li.bezpecnostni-folie a
{background-image: url('images/m_bezpecnostni.jpg');}
#menu2 ul li.autofolie a
{background-image: url('images/m_autofolie.jpg');}
#menu2 ul li.specialni-folie a
{background-image: url('images/m_specialni.jpg');}

#main .mapa
{
  position: absolute;
  right: 30px;
  top: 57px;
}