html {
	margin-bottom: 0px;
	height: 100% !important;
	min-width: 970px;
	width: 100%;
}

body	{ 
  background-color: #000000;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS";
  color: #FFFFFF;
}

body#mainpage,
body#reference {
  background-image: url('../temp/bodyBG.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
}

body#garazova-vrata,
body#prumyslova-vrata {
  background-image: url('../temp/bodyBG2.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #FFFFFF;
}

body#pohony {
  background-image: url('../temp/bodyBG4.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #FFFFFF;
}

body#zavory {
  background-image: url('../temp/bodyBG5.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #FFFFFF;
  background-attachment: fixed;
}

body#prislusenstvi {
  background-image: url('../temp/bodyBG6.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #FFFFFF;
}

.clearer {
  width: 100% !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clear: both;
}

/* links */

a, a:visited {
  color: #911010;
  font-weight: bold;
  outline: none;
  text-decoration: none;
}

a:hover {
  font-weight: bold;
  color: #554632;
  text-decoration: none;
}

div#footer a,
div#footer a:visited {
  text-decoration: none;
  color: #9FF100;
}

div#footer a:hover {
  color: #D29902;
}

div#footer div.fBox3 a,
div#footer div.fBox3 a:visited {
  color: #737373 !important;
}

div#footer div.fBox3 a:hover {
  color: #9FF100 !important;
}

div#inset p.more a {
  position: relative;
  top: -6px;
}

/* links end */

/* headers */

h1 {
  font-size: 18px;
  text-indent: -9999px;
  position: absolute;
  color: #FFFFFF;
  clear: none;
  width: 555px;
  height: 20px;
  top: 75px;
  margin: 0 0 0 0;
  padding: 0 0 0 214px;
}

body#mainpage h1 {
  background: url('../temp/H1.png') no-repeat 210px top;
  width: 338px !important;
  height: 107px !important;
  top: 98px !important;
}

h2 {
  font-size: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
  text-indent: -9999px;
}

body#mainpage h2#autorized {
  position: absolute;
  width: 178px;
  height: 94px;
  top: 106px;
  margin: 0;
  padding: 0 0 0 590px;
  background: url('../temp/olymps-distributor.png') no-repeat 590px top;
}

/* H2 mainpage */

h2#MPolymps {
  background: url('../temp/h2-MPolymps.png') no-repeat;
}

h2#MPbenesov {
  background: url('../temp/h2-MPbenesov.png') no-repeat;
}

/* H2 mainpage end */

h2#fotogalerie {
  background: url('../temp/h2-fotogalerie.png') no-repeat;
  margin-left: 2px;
}

h2#Gvrata {
  background: url('../temp/h2-Gvrata.png') no-repeat;
  margin-left: 2px;
}

h2#Gwoodgrain {
  background: url('../temp/h2-Gwoodgrain.png') no-repeat;
}

h2#GvrataLevna {
  background: url('../temp/h2-GvrataLevna.png') no-repeat;
}

h2#Pvrata {
  background: url('../temp/h2-Pvrata.png') no-repeat;
  margin-left: 2px;
}

h2#PvrataFactory {
  background: url('../temp/h2-PvrataFactory.png') no-repeat;
  margin-left: 2px;
}

h2#PvrataNassau {
  background: url('../temp/h2-PvrataNassau.png') no-repeat;
  margin-left: 2px;
}

h2#PvrataOcelova {
  background: url('../temp/h2-PvrataOcelova.png') no-repeat;
  margin-left: 2px;
}

h2#PvrataHlinikova {
  background: url('../temp/h2-PvrataHlinikova.png') no-repeat;
  margin-left: 2px;
}

h2#xpohony {
  background: url('../temp/h2-pohony.png') no-repeat;
  margin-left: 2px;
}

h2#pohonyVrat {
  background: url('../temp/h2-pohonyVrat.png') no-repeat;
  margin-left: 2px;
}

h2#xzavory {
  background: url('../temp/h2-zavory.png') no-repeat;
  margin-left: 2px;
}

h2#automatickeZavory {
  background: url('../temp/h2-automatickeZavory.png') no-repeat;
  margin-left: 2px;
}

h2#xprislusenstvi {
  background: url('../temp/h2-prislusenstvi.png') no-repeat;
  margin-left: 2px;
}

h2#xreference {
  background: url('../temp/h2-reference.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataIzPolys {
  background: url('../temp/h2-GvrataIzPolys.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataModus {
  background: url('../temp/h2-GvrataModus.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataNeizol {
  background: url('../temp/h2-GvrataNeizol.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataVersus {
  background: url('../temp/h2-GvrataVersus.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataPopular {
  background: url('../temp/h2-GvrataPopular.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataElite {
  background: url('../temp/h2-GvrataElite.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataDecor {
  background: url('../temp/h2-GvrataDecor.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataExclusive {
  background: url('../temp/h2-GvrataExclusive.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataIzPolyur {
  background: url('../temp/h2-GvrataIzPolyur.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataFormat {
  background: url('../temp/h2-GvrataFormat.png') no-repeat;
}

h2#GvrataFocus {
  background: url('../temp/h2-GvrataFocus.png') no-repeat;
}

h2#GvrataFutur {
  background: url('../temp/h2-GvrataFutur.png') no-repeat;
}

h2#GvrataTimber {
  background: url('../temp/h2-GvrataTimber.png') no-repeat;
}

h2#GvrataNatur {
  background: url('../temp/h2-GvrataNatur.png') no-repeat;
}

h2#GvrataTabular {
  background: url('../temp/h2-GvrataTabular.png') no-repeat;
}

h2#GvrataFinal {
  background: url('../temp/h2-GvrataFinal.png') no-repeat;
  margin-left: 2px;
}

h2#GvrataTender {
  background: url('../temp/h2-GvrataTender.png') no-repeat;
}

h2#GvrataFiber {
  background: url('../temp/h2-GvrataFiber.png') no-repeat;
}

h2#GvrataSide {
  background: url('../temp/h2-GvrataSide.png') no-repeat;
}

h2#GvrataApart {
  background: url('../temp/h2-GvrataApart.png') no-repeat;
}

h2#pohonyGVrat {
  background: url('../temp/h2-pohonyGVrat.png') no-repeat;
  margin-left: 2px;
}

h2#pohonBernal1 {
  background: url('../temp/h2-pohonBernal1.png') no-repeat;
}

h2#pohonBernal2 {
  background: url('../temp/h2-pohonBernal2.png') no-repeat;
}

h2#pohonBernal3 {
  background: url('../temp/h2-pohonBernal3.png') no-repeat;
}

h2#pohonBernal4 {
  background: url('../temp/h2-pohonBernal4.png') no-repeat;
}

h2#pohonBernal5 {
  background: url('../temp/h2-pohonBernal5.png') no-repeat;
}

h2#pohonyPVrat {
  background: url('../temp/h2-pohonyPVrat.png') no-repeat;
  margin-left: 2px;
}

h2#pohonP1 {
  background: url('../temp/h2-pohonP1.png') no-repeat;
}

h2#pohonP2 {
  background: url('../temp/h2-pohonP2.png') no-repeat;
}

h2#pohonP3 {
  background: url('../temp/h2-pohonP3.png') no-repeat;
}

h2#pohonP4 {
  background: url('../temp/h2-pohonP4.png') no-repeat;
}

h2#pohonP5 {
  background: url('../temp/h2-pohonP5.png') no-repeat;
}

h2#pohonyVjezdovky {
  background: url('../temp/h2-pohonyVjezdovky.png') no-repeat;
  margin-left: 2px;
}

h2#pohonBrana1 {
  background: url('../temp/h2-pohonBrana1.png') no-repeat;
}

h2#pohonBrana2 {
  background: url('../temp/h2-pohonBrana2.png') no-repeat;
}

h2#pohonBrana3 {
  background: url('../temp/h2-pohonBrana3.png') no-repeat;
}

h2#pohonBrana4 {
  background: url('../temp/h2-pohonBrana4.png') no-repeat;
}

h2#pohonBrana5 {
  background: url('../temp/h2-pohonBrana5.png') no-repeat;
}

h2#pohonBrana6 {
  background: url('../temp/h2-pohonBrana6.png') no-repeat;
}

h2#pohonBrana7 {
  background: url('../temp/h2-pohonBrana7.png') no-repeat;
}

h2#pohonBrana8 {
  background: url('../temp/h2-pohonBrana8.png') no-repeat;
}

h2#pohonBrana9 {
  background: url('../temp/h2-pohonBrana9.png') no-repeat;
}

h2#pohonBrana10 {
  background: url('../temp/h2-pohonBrana10.png') no-repeat;
}

h2#pohonBrana11 {
  background: url('../temp/h2-pohonBrana11.png') no-repeat;
}

h2#pohonBrana12 {
  background: url('../temp/h2-pohonBrana12.png') no-repeat;
}

h2#pohonBrana13 {
  background: url('../temp/h2-pohonBrana13.png') no-repeat;
}

h2#xxpohony {
  background: url('../temp/h2-xpohony.png') no-repeat;
}

h2#zavora1 {
  background: url('../temp/h2-zavora1.png') no-repeat;
}

h2#zavora2 {
  background: url('../temp/h2-zavora2.png') no-repeat;
}

h2#zavora3 {
  background: url('../temp/h2-zavora3.png') no-repeat;
}



/* footer H2 */

h2#Fdoporucte {
  background: url('../temp/h2-Fdoporucte.png') no-repeat;
}

h2#Fkde {
  background: url('../temp/h2-Fkde.png') no-repeat;
}

h2#Fdotaz {
  background: url('../temp/h2-Fdotaz.png') no-repeat;
}

h2#Fvisit {
  background: url('../temp/h2-zimni-akce.png') no-repeat;
}

/* footer H2 end */

h3 {
  font-size: 14px;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* headers end */



/* paragraphs */

p {
  font-family: "Trebuchet MS";
  font-size: 12px;
  font-weight: normal; 
  font-style: normal;
  text-decoration: none;
  text-align: justify;
  width: auto;
  margin: 0 0 12px 0;
  padding: 0;
}

body#mainpage p,
body#reference p,
body#prislusenstvi {
  color: #343434;
}

body#garazova-vrata p,
body#prumyslova-vrata p{
  color: #554632;
}

body#pohony p, 
body#zavory p{
  color: #333333;
}

body#garazova-vrata div#mainText p,
body#prumyslova-vrata div#mainText p {
  background: transparent url('../temp/mainTextBG.png') repeat center top;
  padding: 4px;
}

body#zavory div#mainText p,
body#pohony div#mainText p,
body#prislusenstvi div#mainText p,
body#reference div#mainText p {
  background: transparent url('../temp/mainTextBG2.png') repeat center top;
  padding: 4px;
}

div#footer p {
  color: #737373;
}

div#footer div.fBox3 p {
  font-size: 10px;
}

div#left p a img,
div#left p a:visited img {
  border: 5px solid #5D9E96;
  margin: 2px 0 2px 0;
}

div#left p a:hover img {
  border: 5px solid #554632;
}

body#reference div#right div.ref a,
body#reference div#right div.ref a:visited {
  width: 176px;
  height: 121px;
  border: none;
  margin: 5px;
  padding: 0;
  float: left;
  clear: none;
  background-image: url('../temp/refBG.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 12px;
}

body#reference div#right div.ref a:hover {
  background-position: 0 -121px;
}

body#reference div#right div.ref a img {
  border: none;
  width: 166px;
  height: 111px;
  margin: 5px;
}

body#garazova-vrata div#right p a img,
body#pohony div#right p a img,
body#zavory div#right p a img {
  border: none;
}

/* paragrapsh end */



/* dividers */

.divHolder {
  width: 970px;
  margin: 0 auto;
  padding: 0 0 195px 0; 
  clear: both;
}

body#pohony.shorter div.divHolder {
  padding: 0 0 140px 0 !important; 
}

div#page {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  clear: both;
  min-height: 400px;
}

div#header {
  width: 970px;
  height: 253px;
  margin: 0;
  padding: 0;
  clear: both;
}

div#logo {
  width: 174px;
  height: 253px;
  padding: 0;
  margin: 0;
  background-image: url('../temp/logo.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  clear: both;
}

div#logo a {
  width: 174px;
  height: 57px;
  display: block;
  margin: 0 auto;
  padding: 0;
}

div#logo a span {
  display: none;
}

div#slider {
  width: 174px;
  height: 196px;
  display: block;
  margin: 0;
  padding: 0;
  background-image: url('../temp/sliderBG.png');
  background-repeat: repeat;
  background-position: 0 0;
  overflow: hidden;
}

div.fotka {
  width: 174px;
  height: 194px;
  margin: 2px 0 0 0;
  padding: 0;
  border: none;
  display: block;
}

body#mainpage div#menu {
  width: 650px;
  height: 29px;
  margin: 0 0 0 40px;
  padding: 28px 0 0 0;
  float: left;
  background-image: url('../temp/menuBG.png');
  background-repeat: repeat-x;
  background-position: 0 bottom;
}

div#menu {
  width: 560px;
  height: 29px;
  margin: 0 0 0 40px;
  padding: 28px 0 0 0;
  float: left;
  background-image: url('../temp/menuBG.png');
  background-repeat: repeat-x;
  background-position: 0 bottom;
}

div#mainText {
  width: 555px;
  float: left;
  margin: 18px 0 0 40px;
}

div#inset {
  width: 970px;
  height: auto;
  clear: both;
  margin: 32px 0 0 0;
}

div#left {
  width: 174px;
  height: auto;
  overflow: hidden;
  float: left;
}

div#inset p img {
  vertical-align: top;
  margin: 15px 0 15px 6px;
}

div#right {
  width: 700px;
  height: auto;
  margin: 0 0 0 40px;
  overflow: hidden;
  float: left;
}


body#mainpage div#right,
body#prislusenstvi div#right {
  width: 370px !important;
}

body#reference div#right {
  width: 756px !important;
  margin-top: -90px;
}

div#footer {
  width: 100%;
  min-width: 970px;
  height: 167px;
  position: fixed;
  bottom: 0;
  padding: 0;
  background-image: url('../temp/footerBG.png');
  background-repeat: repeat;
  background-position: 0 bottom;
  z-index: 100;
}

div#footer2 {
  width: 100%;
  min-width: 970px;
  height: 167px;
  margin: 0 auto !important;
  background-image: url('../temp/footerBG2.png');
  background-repeat: repeat-y;
  background-position: center top;
}

div#socialIcons {
  float: left;
  clear: none;
  width: auto;
  height: 33px;
  margin-left: -4px;
}

div.fBox1 {
  width: 174px;
  height: auto;
  position: relative;
  top: 35px;
  padding: 0 0 0 0;
  margin: 0 65px 0 -156px;
  float: left;
  clear: none;
}

div.fBox2 {
  width: 240px;
  height: auto;
  padding: 35px 0 0 0;
  float: left;
  clear: none;
}

div.fBox3 {
  width: 970px;
  height: auto;
  padding: 25px 0 0 0;
  float: left;
  clear: none;
}

/* dividers end */

/* lists */

div#menu ul	{
  width: auto;
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}

div#menu ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: auto;
  float: left;
  clear: none;
}

div#menu ul li a {
  display: block;
  margin: 0;
  padding: 0;
}

div#menu ul li a span	{
 display: none;
 margin: 0;
 padding: 0;
}

div#menu ul li a#item1 {
  width: 29px;
  height: 29px;
  background: transparent url('../temp/menu1.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 0;
  padding: 0;
}

div#menu ul li a.active#item1,
div#menu ul li a:hover#item1 {
  background: transparent url('../temp/menu1.png');
  background-position: 0 -29px;
}

div#menu ul li a#item2 {
  width: 79px;
  height: 29px;
  background: transparent url('../temp/menu2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 15px;
  padding: 0;
}

div#menu ul li a.active#item2,
div#menu ul li a:hover#item2 {
  background: transparent url('../temp/menu2.png');
  background-position: 0 -29px;
}

div#menu ul li a#item3 {
  width: 91px;
  height: 29px;
  background: transparent url('../temp/menu3.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 15px;
  padding: 0;
}

div#menu ul li a.active#item3,
div#menu ul li a:hover#item3 {
  background: transparent url('../temp/menu3.png');
  background-position: 0 -29px;
}

div#menu ul li a#item4 {
  width: 40px;
  height: 29px;
  background: transparent url('../temp/menu4.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 15px;
  padding: 0;
}

div#menu ul li a.active#item4,
div#menu ul li a:hover#item4 {
  background: transparent url('../temp/menu4.png');
  background-position: 0 -29px;
}

div#menu ul li a#item5 {
  width: 105px;
  height: 29px;
  background: transparent url('../temp/menu5.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 15px;
  padding: 0;
}

div#menu ul li a.active#item5,
div#menu ul li a:hover#item5 {
  background: transparent url('../temp/menu5.png');
  background-position: 0 -29px;
}

div#menu ul li a#item6 {
  width: 70px;
  height: 29px;
  background: transparent url('../temp/menu6.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 15px;
  padding: 0;
}

div#menu ul li a.active#item6,
div#menu ul li a:hover#item6 {
  background: transparent url('../temp/menu6.png');
  background-position: 0 -29px;
}

div#menu ul li a#item7 {
  width: 49px;
  height: 29px;
  background: transparent url('../temp/menu7.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 15px;
  padding: 0;
}

div#menu ul li a.active#item7,
div#menu ul li a:hover#item7 {
  background: transparent url('../temp/menu7.png');
  background-position: 0 -29px;
}

div#menu ul li a#item8 {
  width: 75px;
  height: 29px;
  background: transparent url('../temp/menu8.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0 0 15px;
  padding: 0;
}

div#menu ul li a.active#item8,
div#menu ul li a:hover#item8 {
  background: transparent url('../temp/menu8.png');
  background-position: 0 -29px;
}


div#socialIcons ul {
  width: auto;
  height: auto;
  margin: -14px 0 0 0;
  padding: 0;
  list-style-type: none;
  background: none;
  display: inline;
  float: left;
} 

div#socialIcons ul li {
  width: 32px;
  height: 33px;
  margin: 0;
  padding: 0;
  text-align: center;
  background-image: none;
  display: block;
  float: left;
}

div#socialIcons ul li a span {
  display: none;
}

div#socialIcons ul li#bookmarky a {
  width: 32px;
  height: 33px;
  margin: auto auto;
  padding: 0;
  text-align: center;
  display: block; 
  background-image: url('../temp/social/bookmarky.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#socialIcons ul li#bookmarky a:hover {
  background-image: url('../temp/social/bookmarky.png');
  background-position: 0 -33px;
  background-repeat: no-repeat;
}

div#socialIcons ul li#topodkazy a {
  width: 32px;
  height: 33px;
  margin: auto auto;
  padding: 0;
  text-align: center;
  display: block; 
  background-image: url('../temp/social/topodkazy.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#socialIcons ul li#topodkazy a:hover {
  background-image: url('../temp/social/topodkazy.png');
  background-position: 0 -33px;
  background-repeat: no-repeat;
}

div#socialIcons ul li#linkuj a {
  width: 32px;
  height: 33px;
  margin: auto auto;
  padding: 0;
  text-align: center;
  display: block; 
  background-image: url('../temp/social/linkuj.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#socialIcons ul li#linkuj a:hover {
  background-image: url('../temp/social/linkuj.png');
  background-position: 0 -33px;
  background-repeat: no-repeat;
}

div#socialIcons ul li#delicious a {
  width: 32px;
  height: 33px;
  margin: auto auto;
  padding: 0;
  text-align: center;
  display: block; 
  background-image: url('../temp/social/delicious.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#socialIcons ul li#delicious a:hover {
  background-image: url('../temp/social/delicious.png');
  background-position: 0 -33px;
  background-repeat: no-repeat;
}

div#socialIcons ul li#facebook a {
  width: 32px;
  height: 33px;
  margin: auto auto;
  padding: 0;
  text-align: center;
  display: block; 
  background-image: url('../temp/social/facebook.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#socialIcons ul li#facebook a:hover {
  background-image: url('../temp/social/facebook.png');
  background-position: 0 -33px;
  background-repeat: no-repeat;
}


div#inset ul {
  width: auto;
  display: block;
  margin: 10px 0 25px 35px;
  padding: 0 0 0 0;
  list-style-type: square;
  font-size: 12px;
  line-height: 22px;
  color: #911010;
  font-style: normal;
  font-weight: bold;
}

div#inset ul li.text {
  list-style-type: none;
  font-style: italic;
  margin-bottom: 5px;
  color: #554632 !important;
  font-weight: normal;
}

body#zavory div#inset ul li.text {
  color: #333333 !important;
}

p.whiteback {
  background: transparent url('../temp/mainTextBG.png') repeat center top;
  padding: 4px; 
}
/* lists end */
