/*
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: bold;
}

a,
a:active,
a:visited
{
  border-bottom: 1px #dfdfdf dotted;
  color: #dfdfdf;
  text-decoration: none;
}

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

body.akcni-nabidka #main {background-image: url('images/main_akcni_nabidka.jpg');}
body.barevny-vzornik #main {background-image: url('images/main_barevny_vzornik.jpg');}
body.casto-kladene-dotazy #main {background-image: url('images/main_casto_kladene_dotazy.jpg');}
body.epoxidy #main {background-image: url('images/main_epoxidy.jpg');}
body.galerie #main {background-image: url('images/main_galerie.jpg');}
body.kontakt #main {background-image: url('images/main_kontakt.jpg');}
body.nabidka #main {background-image: url('images/main_nabidka.jpg');}
body.o-firme #main {background-image: url('images/main_o_firme.jpg');}
body.podlady #main {background-image: url('images/main_podlahy.jpg');}
body.steny-z-pandoma #main {background-image: url('images/main_steny_z_pandoma.jpg');}
body.uvodni-stranka #main {background-image: url('images/main_uvodni_stranka.jpg');}
body.zaruka-certifikaty #main {background-image: url('images/main_certifikaty.jpg');}

body.akcni-nabidka #content {background-image: url('images/content_akcni_nabidka.gif');}
body.barevny-vzornik #content {background-image: url('images/content_barevny_vzornik.gif');}
body.casto-kladene-dotazy #content {background-image: url('images/content_casto_kladene_dotazy.gif');}
body.epoxidy #content {background-image: url('images/content_epoxidy.gif');}
body.galerie #content {background-image: url('images/content_galerie.gif');}
body.kontakt #content {background-image: url('images/content_kontakt.gif');}
body.nabidka #content {background-image: url('images/content_nabidka.gif');}
body.o-firme #content {background-image: url('images/content_o_firme.gif');}
body.podlady #content {background-image: url('images/content_podlahy.gif');}
body.steny-z-pandoma #content {background-image: url('images/content_steny_z_pandoma.gif');}
body.uvodni-stranka #content {background-image: url('images/content_uvodni_stranka.gif');}
body.zaruka-certifikaty #content {background-image: url('images/content_certifikaty.gif');}

body.akcni-nabidka #footer {background-image: url('images/footer_akcni_nabidka.gif');}
body.barevny-vzornik #footer {background-image: url('images/footer_barevny_vzornik.gif');}
body.casto-kladene-dotazy #footer {background-image: url('images/footer_casto_kladene_dotazy.gif');}
body.epoxidy #footer {background-image: url('images/footer_epoxidy.gif');}
body.galerie #footer {background-image: url('images/footer_galerie.gif');}
body.kontakt #footer {background-image: url('images/footer_kontakt.gif');}
body.nabidka #footer {background-image: url('images/footer_nabidka.gif');}
body.o-firme #footer {background-image: url('images/footer_o_firme.gif');}
body.podlady #footer {background-image: url('images/footer_podlahy.gif');}
body.steny-z-pandoma #footer {background-image: url('images/footer_steny_z_pandoma.gif');}
body.uvodni-stranka #footer {background-image: url('images/footer_uvodni_stranka.gif');}
body.zaruka-certifikaty #footer {background-image: url('images/footer_certifikaty.gif');}

html
{
  background: #2d2d2d;
}

body
{
  background: #2d2d2d;
  color: #ffffff;
  padding: 64px 0 32px 0;
}

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

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

body.pandomo-pohledove-sterky-a-betony #header {display: none;}
body.pandomo-pohledove-sterky-a-betony #content {background: none;}
body.pandomo-pohledove-sterky-a-betony #main
{
  background: transparent url('images/homepage.jpg') no-repeat center top;
  min-height: 0;
  padding: 1000px 0 0 0;
  width: 896px;
  z-index: 1;
}
body.pandomo-pohledove-sterky-a-betony #footer {display: none;}

body.pandomo-pohledove-sterky-a-betony #main p.poznamka
{
  color: #e8dc19;
  font-size: 110%;
  left: 150px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 570px;
  width: 600px;
}

body.pandomo-pohledove-sterky-a-betony #main p.upozorneni
{
  color: #d5d3d3;
  font-size: 100%;
  left: 510px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 520px;
}

body.pandomo-pohledove-sterky-a-betony #main p.poznamka-logo
{
  color: #d5d3d3;
  font-size: 100%;
  margin: 0;
  padding: 0;
  right: 660px;
  position: absolute;
  top: 205px;
}

body.pandomo-pohledove-sterky-a-betony #main p.poznamka-logo strong
{
  text-transform: uppercase;
}

body.pandomo-pohledove-sterky-a-betony #main h1
{
  color: #d5d3d3;
  font-size: 160%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  left: 510px;
  position: absolute;
  top: 445px;
}

/*
body.pandomo-pohledove-sterky-a-betony #main ul.vstup li a
{
  background: transparent url('images/vstupte_dal.gif') no-repeat left top;
  border: none;
  display: block;
  height: 27px;
  left: 400px;
  overflow: hidden;
  padding: 0 0 0 118px;
  position: absolute;
  top: 620px;
  width: 0;
}
*/

body.pandomo-pohledove-sterky-a-betony #main ul.vstup li a
{
  background: transparent url('images/vstupte_dal.gif') no-repeat 390px 615px;
  border: none;
  display: block;
  height: 650px;
  left: 0;
  overflow: hidden;
  padding: 0 0 0 896px;
  position: absolute;
  top: 0;
  width: 0;
}

body.pandomo-pohledove-sterky-a-betony #main p,
body.pandomo-pohledove-sterky-a-betony #main h2
{
  margin: 0 100px;
}

#header ul li a
{
  border: none;
  background: transparent url('images/logo.png') no-repeat left top;
  display: block;
  height: 64px;
  left: 49px;
  overflow: hidden;
  position: absolute;
  top: 53px;
  padding: 0 0 0 226px;
  width: 0;
}

#main
{
  background: transparent url('images/main.jpg') no-repeat 0 0;
  float: left;
  height: auto !important;
  height: 684px;
  left: 0;
  min-height: 684px;
  padding: 16px 16px;
  position: relative;
  width: 896px;
}

body.o-firme #main
{
  padding-right: 352px;
  width: 560px;
}

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

#main p.center {text-align: center; text-indent: 0;}
body.zaruka-certifikaty #main p {margin-right: 200px;}

#main h1,
#main h2,
#main h3,
#main h4
{
  color: #ffffff;
  font-family: 'Myriad Pro', 'Arial', sans-serif;
  font-size: 200%;
  font-weight: normal;
  padding: 8px 32px 0 32px;
  text-transform: uppercase;
}

#main h2
{
  font-size: 180%;
}

#main h3
{
  font-size: 140%;
}

#main h4
{
  font-size: 120%;
}

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

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

#main ul li
{
  background: transparent url('images/li.gif') no-repeat 0 2px;
  color: #ffffff;
  font-size: 120%;
  list-style: none;
  margin: 8px 8px;
  padding: 0 0 0 20px;
}

#main ul li li
{
  background-image: url('images/li2.gif');
  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: 120%;
  margin: 16px auto;
  padding: 0.25em;
  text-align: center;
}

body.kontakt #main table
{
  border: none;
  margin: 8px 32px;
}
body.kontakt #main table th
{
  border: none;
  font-size: 140%;
  padding: 0.25em;
  text-align: center;
}

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

div.highslide-wrapper a
{
  border: none;
}

#side
{
  background: transparent url('images/main.png') no-repeat left top;
  display: none;
  float: left;
  left: 0;
  overflow: hidden;
  padding: 0 0 0 80px;
  position: relative;
  width: 192px;
}

#side h2
{
  color: #ffffff;
  font-size: 160%;
  margin: 8px 16px 0 16px;
  padding: 0 0;
  text-shadow: 1px 1px 0 #004a80;
  text-transform: uppercase;
}

#menu h2
{
  display: none;
}

#menu
{
  margin: 0;
  position: absolute;
  right: 30px;
  top: 130px;
}

#menu ul li
{
  float: left;
  margin: 0 7px 0 0;
  position: relative;
}

#menu ul li a
{
  background: transparent url('images/menu_a.gif') no-repeat 0 0;
  border: none;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 110%;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 2px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 83px;
}

#menu ul li:hover a, #menu ul li.item a
{
  background-position: 0 -22px;
  color: #333333;
}

#menu ul li:hover ul
{
  display: block;
}

#menu ul ul
{
  background: transparent url('images/menu_ul_ul.gif') no-repeat left bottom;
  border-right: 1px #3c3a3a solid;
  display: none;
  left: 0;
  padding: 0 0 2px 0;
  position: absolute;
  top: 22px;
}

#menu ul ul li
{
  float: none;
}

#menu ul ul li a
{
  background: #ffffff;
  color: #333333;
  display: block;
  float: none;
  font-size: 100%;
  margin: 2px 8px;
  padding: 0 2px;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

#menu ul ul li a:hover, #menu ul ul li.item a
{
  background: #dfdfdf;
  color: #333333;
}

#menu2
{
  bottom: 32px;
  position: absolute;
  right: 48px;
}

#menu2 h2
{
  display: none;
}

#menu2 ul li
{
  float: left;
}

#menu2 ul li a
{
  border-bottom: none;
  border-left: 1px #dfdfdf solid;
  color: #dfdfdf;
  display: block;
  float: left;
  font-size: 100%;
  font-weight: normal;
  padding: 0 6px;
  text-transform: uppercase;
}

#menu2 ul li a:hover, #menu2 ul li.item a
{
  border-left: 1px #ffffff solid;
  color: #ffffff;
}

#menu2 ul li.item a
{
  font-weight: bold;
}

#menu2 ul li.podlahove-sterky a
{
  border-left: none;
}

#menu3
{
  left: 912px;
  position: absolute;
  top: 200px;
  width: 112px;
}

#menu3 h2
{
  display: none;
}

#menu3 ul li a
{
  background: transparent url() no-repeat left top;
  border: none;
  display: block;
  height: 72px;
  overflow: hidden;
  padding: 0 0 0 112px;
  width: 0;
}

#menu3 ul li.barevny-vzornik a
{background-image: url('images/menu3_barevny_vzornik.jpg'); height: 74px; padding-left: 110px;}

#menu3 ul li.barvy a
{background-image: url('images/menu3_barvy.jpg'); height: 43px; padding-left: 85px;}

#menu3 ul li.casto-kladene-otazky a
{background-image: url('images/menu3_casto_kladene_dotazy.jpg'); height: 67px; padding-left: 112px;}

#menu3 ul li.epoxidove-sterky a
{background-image: url('images/menu3_epoxidove_sterky.jpg'); height: 67px; padding-left: 112px;}

#menu3 ul li.epoxidove-podlahy a
{background-image: url('images/menu3_epoxidove_podlahy.jpg'); height: 70px; padding-left: 104px;}

#menu3 ul li.epoxidove-sterky a
{background-image: url('images/menu3_epoxidove_sterky.jpg'); height: 72px; padding-left: 104px;}

#menu3 ul li.epoxidove-a-polyuretanove-sterky a
{background-image: url('images/menu3_epoxidove_a_polyuretanove_sterky.jpg'); height: 100px; padding-left: 120px;}

#menu3 ul li.galerie a,
#menu3 ul li.galerie-steny a,
#menu3 ul li.galerie-betony a,
#menu3 ul li.galerie-epoxidy a,
#menu3 ul li.galerie-podlahy a,
#menu3 ul li.nova-galerie a
{background-image: url('images/menu3_galerie.jpg'); height: 44px; padding-left: 94px;}

#menu3 ul li.nabidka a
{background-image: url('images/menu3_nase_dalsi_nabidka.jpg'); height: 76px; padding-left: 96px;}

#menu3 ul li.podlahy a,
#menu3 ul li.podlahy-pandomo a
{background-image: url('images/menu3_podlahy.jpg'); height: 50px; padding-left: 94px;}

#menu3 ul li.povrchove-upravy a
{background-image: url('images/menu3_povrchove_upravy.jpg'); height: 68px; padding-left: 102px;}

#menu3 ul li.steny a,
#menu3 ul li.steny-pandomo a
{background-image: url('images/menu3_steny.jpg'); height: 43px; padding-left: 85px;}

#menu3 ul li.tipy-pro-vas a
{background-image: url('images/menu3_tipy_pro_vas.jpg'); height: 76px; padding-left: 97px;}

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

#footer p.copyright
{
  bottom: 10px;
  color: #a9a8a7;
  font-size: 110%;
  left: 48px;
  padding: 0;
  position: absolute;
  text-align: right;
}

#footer p.info
{
  bottom: 33px;
  color: #dbe225;
  font-size: 100%;
  font-weight: bold;
  left: 48px;
  padding: 0;
  position: absolute;
  text-align: left;
}

.cform
{
  margin: 0 40px;
  padding: 0;
  width: 250px;
}

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

.cform label
{
  color: #ffffff;
  font-size: 120%;
  font-weight: bold;
  padding: 2px 0;
  text-align: left;
  width: 100%;
}

.cform input
{
  background: #ffffff;
  border: 1px #999999 solid;
  font-size: 120%;
  padding: 2px;
  text-align: left;
  width: 240px;
}

.cform input:hover
{
  background: #f8f8f8;
  border: 1px #999999 solid;
}

.cform select
{
  background: #666666;
  border: 1px #999999 solid;
  font-size: 120%;
  padding: 2px;
  text-align: left;
  width: 170px;
}

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

.cform textarea
{
  background: #ffffff;
  border: 1px #999999 solid;
  font-size: 120%;
  height: 80px;
  padding: 2px;
  width: 240px;
}

.cform textarea:hover
{
  background: #f8f8f8;
  border: 1px #999999 solid;
}

.cform input.sendbutton
{
  background: none;
  border: none !important;
  color: #ffffff;
  cursor: pointer;
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 0 120px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}

.cform input.sendbutton:hover
{
  text-decoration: underline;
}

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

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

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

#ll
{display: none;}

div#usermessagea
{
  font-size: 120%;
  font-weight: bold;
  margin: 10px 20px 10px 10px;
  width: auto;
}

div.cp_info
{
  padding: 5px;
}

div.failure
{
  padding: 5px;
}

.vlevo
{
  float: left;
}

.vpravo
{
  float: right;
}

#main ul.nabidka li a
{
  background: transparent url() no-repeat left top;
  border: none !important;
  display: block;
  height: 38px;
  overflow: hidden;
  padding: 0 0 0 371px;
  width: 0;
}

#main ul.nabidka li.akcni-nabidka a
{background-image: url('images/ul_akcni_nabidka.gif');}
#main ul.nabidka li.epoxidy-polyuretany a
{background-image: url('images/ul_epoxidy_polyuretany.gif');}
#main ul.nabidka li.imitace-betonu a
{background-image: url('images/ul_imitace_betonu.gif');}
#main ul.nabidka li.mapei-schonox a
{background-image: url('images/ul_jine_aplikace.gif');}
#main ul.nabidka li.podlahy a
{background-image: url('images/ul_podlahy.gif');}

#main .mapa
{
  float: right;
  margin: 0 32px 0 0;
}

#main div.ngg-galleryoverview
{
  clear: both;
  margin: 0 24px;
  overflow: hidden;
  width: 840px;
}

#main div.ngg-albumoverview
{
  clear: both;
  margin: 0 32px;
  overflow: hidden;
  width: 832px;
}

#main div.ngg-albumoverview div.ngg-album
{
  border: none;
  float: left;
  height: 150px;
  margin: 0;
  padding: 0 5px 0 0;
  width: 270px;
}

#main div.ngg-albumoverview div.ngg-album p
{
  font-size: 110%;
  margin: 8px 0;
  padding: 0;
  text-align: left;
}

#main div.ngg-albumoverview div.ngg-album a
{
  border: none !important;
}

#main div.ngg-albumoverview div.ngg-album div.ngg-thumbnail
{
  margin: 0;
  padding: 0 8px 0 0;
}

#main div.ngg-albumoverview div.ngg-album div.ngg-thumbnail img
{
  margin: 0;
  padding: 1px;
}

.velka-pismena
{
  text-transform: uppercase;
}

.ngg-gallery-thumbnail img
{
  background: transparent;
}

a.prospekt
{
  color: #79acea;
}

div.aktualita
{
  background: #666666 url('images/aktualita.gif') repeat-x 0 0;
  clear: both;
  display: block;
  float: left;
  margin: 8px 32px;
  padding: 0 0;
  width: 520px;
}

div.aktualita h2
{
  padding: 8px 16px 0 16px !important;
  text-transform: uppercase;
}

div.aktualita p
{
  padding: 4px 16px 8px 16px !important;
}

div.obrazek-akce
{
  padding: 50px 0 0 0;
}

body.zaruka-certifikaty .ngg-gallery-thumbnail img
{
  margin: 4px;
}

body.zaruka-certifikaty #ngg-gallery-38-114 .ngg-gallery-thumbnail img
{
  margin: 4px 7px;
}

body.zaruka-certifikaty #ngg-gallery-42-114 .ngg-gallery-thumbnail img
{
  margin: 4px 32px;
}

body ul.nabidka-obrazky li
{
  display: block;
  float: left;
  height: 260px;
  overflow: hidden;
  width: 240px;
}

body ul.nabidka-obrazky li a img
{
  background: none;
  border: 1px solid #cccccc;
  margin: 0 22px 16px 22px;
  width: 196px;
}

body ul.nabidka-obrazky li strong
{
  color: #fafa26;
  display: block;
  padding: 0 22px;
  text-align: center;
  text-transform: uppercase;
  width: 196px;
}

.cf_info
{
  padding: 8px 30px;
}