form,body,div,p,h1,h2,h3,h4,h5,h6,img,ul{
    margin:0;
    padding:0;
}

.tl   { text-align: left; }

hr, .skryte {
  	position: absolute;
  	top: -999em;
  	left: -999em;
}

strong{
    font-weight: bold;
}

a img, fieldset {
  	border: none;
}

a {
	text-decoration: none;
  	color: black;
}

a:hover {
  	text-decoration: underline;
}

a, a:hover, a.active, a.visited  { outline: none; }

ul {
  	list-style-type: none;
}

div.ul1         { margin: 0 0 10px 20px; }
div.ul1 ul      { list-style-type: disc; }
div.ul1 a       { text-decoration: underline; }
div.ul1 a:hover { text-decoration: none; }

div.ol1           { margin: 0 0 10px 20px; }

.right {
  	float: right;
}

.left {
  	float: left;
}

.cleaner-both{
    clear: both;
}

br.cleaner-both{
    line-height:0;
    height:0;
}

.align-right{
    text-align: right;
}

body {
  	font: normal 62.5% 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  	text-align: center;	
  	color: black;
  	background: #fbfafa url('/files/images/text.jpg') repeat 0 -60px; 
  	
}

#obal {
    margin: 0 auto;
  	width: 917px; 
  	text-align: left;

}

#pack {
    background: transparent url('/files/images/left-right.gif') repeat-y 181px 0px;
}

#jazyky{
    padding-top:15px;
    height: 25px;
}

#top-menu {
   width:313px;
   float: right;
   color: #0574A8;
   text-align: right;   
}

#top-menu li {
   display: inline;
   color: #000;
}

#top-menu li a {
   color: #6498d1;
   text-decoration: underline;
   padding:0 15px 0 30px;
   font-size: 1.1em;
   min-height: 15px;
   _height: 15px;
   background: transparent url('') 0% 50% no-repeat;
}

#top-menu li.sk a { background-image: url('/files/images/languages/sk.png'); }
#top-menu li.en a { background-image: url('/files/images/languages/en.png'); }
#top-menu li.de a { background-image: url('/files/images/languages/de.png'); }

#top-menu li a:hover {
  text-decoration:none;
}

#top-menu li a.active {
    font-weight: bold;
    text-decoration:none;
}


#obal-left{
    float: left;
    display: inline;    
    width: 200px;
    margin-top:0px;
    background: transparent url('/files/images/left-top.gif') no-repeat right 0px; 
    padding-top:14px;
}

#obal-left1{
    background: transparent url('/files/images/left-right.gif') repeat-y right;
    padding-top:11px;
}
#obal-left2{
    /*background: transparent url('/files/images/left-spodok.gif') no-repeat bottom;*/
    
}
#obal-left3{
    background: transparent url('/files/images/v1.gif') no-repeat right 130px;
    height: 620px;
}

a.logo{
    display: block;
    width: 175px;
    height: 90px;
    position: relative;
    overflow: hidden;
    margin-left:13px;
}

a.logo img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;   
    width: 175px;
    height: 90px;
}

h1{
    position: relative;
    font-size: 2.5em;
    font-weight: normal;
    padding-bottom: 15px;
}

h2{
    position: relative;
    font-size: 2em;
    font-weight: normal;
    padding-bottom: 15px;
}

h3{
  position: relative;
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 10px;
}

h4{
  position: relative;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 10px;
  color: #6498d2;
}

#navigacia ul{
    margin-left:4px;
}
#navigacia ul li.dokumenty{
 position: relative;
}

#navigacia ul li,#navigacia ul li a{
    display: block;
    width: 196px;
    height: 45px;
}
#navigacia ul li a{
    width: 173px;
    padding-left:23px;
    line-height: 45px;
    background-color: purple;
    font-size: 1.3em;
    text-decoration: underline;
    background: transparent url('/files/images/li.gif') no-repeat 0 -45px;
}
#navigacia ul li a:hover{
    color:#6a9aca;
    background: transparent url('/files/images/li.gif') no-repeat 0 0;
}

body#index              #navigacia ul li a.profil-spolocnosti,
body#profil-spolocnosti #navigacia ul li a.profil-spolocnosti,
body#vyrobky            #navigacia ul li a.vyrobky,
body#vyrobky-dynamic    #navigacia ul li a.vyrobky,
body#kontakt            #navigacia ul li a.kontakt,
body#akcia              #navigacia ul li a.akcia,
body#referencie         #navigacia ul li a.referencie,
body#vyznamne-projekty  #navigacia ul li a.vyznamne-projekty,
body#referencie-dynamic #navigacia ul li a.referencie,
body#certifikaty        #navigacia ul li a.certifikaty,
body#certifikaty        #navigacia ul li a.dokumenty,
body#technicke-udaje    #navigacia ul li a.technicke-udaje,
body#technicke-udaje    #navigacia ul li a.dokumenty,
body#navod-na-montaz    #navigacia ul li a.navod-na-montaz,
body#navod-na-montaz    #navigacia ul li a.dokumenty
{
    color:#6a9aca;
    background: transparent url('/files/images/li.gif') no-repeat 0 0;
}

#navigacia ul li ul {
	visibility: hidden;
	background-color: #FFFFFF;
	border: 5px solid #ECEBEA;
	position: absolute;
	z-index: 999;
	top: 20px;
	left: 120px;
	behavior: url('/css/hover.htc');
}

body.en #navigacia ul li ul,
body.en #navigacia ul li ul li, 
body.en #navigacia ul li ul li a {
   width: 280px;
}

#navigacia ul li.dokumenty
  {
  behavior: url('/css/hover.htc'); 
  z-index: 999;
  }

#navigacia ul li.dokumenty:hover ul,
#navigacia ul li.dokumentyHover ul
 {
	visibility: visible;
	position: absolute;
	top: 20px;
	left: 120px;
	background: #fff;
	z-index: 999;
}

.dom a.modry{
    background: transparent url('/files/images/odrazka.gif') no-repeat left center;
    margin: 0 auto;
    display: block;
    padding-left:13px;
    margin-top: 80px;
    margin-bottom:10px;    
    font-size: 1.3em;
    color:#6398d1;
    text-decoration: underline;   
    width: 100px;  
}
.dom a.modry:hover{
    text-decoration: none;
}

.dom      { background: transparent; width: 100%; text-align: center; }
.dom img  { height: 83px; width: 67px; margin: 0 auto; }



#obsah{
    float: right;
    width:717px;
    /*height: 500px;*/
    padding-top:14px;
    background: #eaeaea url('/files/images/obsah-top.gif') no-repeat left top;
    margin-top: 0;
}
#obsah-in1{  
    padding-right:8px;
    background: #fff url('/files/images/obsah-right2.gif') repeat-y right;
}
#obsah-in2{
    /*height: 550px;*/
    padding:11px 11px 0 0;
    background: #fff url('/files/images/obsah-spodok.gif') repeat-x bottom;
    min-height: 630px;
    _height: 630px;
}

#obsah-flash{
	margin-left:11px;
	height:194px;
	overflow: hidden;
	z-index: 1;
    
}

#prev{
    _height: 426px;
    min-height: 426px;
    margin-left:11px;
    background: transparent url('/files/images/v2.jpg') no-repeat left top;
    /*background-color: red;*/
}

#flash2{
    width: 111px;
    height: 361px;
    overflow: hidden;
    float: left;
    display: inline;
    margin-left: 176px;
    margin-top: 28px;
}

#big{
    width: 364px;
    height: 411px;
    padding:15px 0 0 0;
    overflow: hidden;
    float: left;
    text-align: center;
    display: inline;
    margin-left:36px;
    background: #ecebea url('/files/images/big-back.gif') repeat-x left 2px;        
}

#footer{
    width: 917px;
    height: 45px;
    background-image: url('/files/images/foot.gif');
    font-size: 1.2em;
    margin-bottom: 10px;

}

#pat-left{
    float:left;
    display: inline;
    padding-top:8px;
    width: 200px;
    text-align: center;
    position: relative;
}

#pat-left-bg{
    display: block;
    position: absolute;
    top: -16px;
    left: 0;
    width: 200px;
    height: 16px;
    z-index: 5;
    background: transparent url('/files/images/left-spodok.gif') no-repeat bottom;
    overflow: hidden;
}

#pat-right{
	float: right;
	display: inline;
	width: 680px;
	padding-top:8px;
	color: #fff;
	text-align: right;
	padding-right: 20px;
}

#pat-right a{
    color:#fff;
    text-decoration: none;
}

#pat-right a span{
    text-decoration: underline;
}

#pat-right a:hover{
    color: #000;
}

#pat-left a{
    color:#6398d1;
    text-decoration: underline;
}

#pat-left a:hover{
    text-decoration: none;
}

.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

#content   { padding: 10px 0 30px 10px; font-size: 120%; }
#content p { padding-bottom: 10px; }

#submenu                { background: #eee; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; padding: 5px; }
#submenu ul             { list-style-type: none; }
#submenu ul li          { display: block; float: left; padding: 4px; _display: inline; }
#submenu ul li a        { text-decoration: underline; color: #000; }
#submenu ul li a:hover  { text-decoration: none; }
#submenu ul li a.active { text-decoration: none; font-weight: bold; }

/*
div.vyrobky-images                    { float: left; margin: 4px; background: #eee; padding: 7px; _display: inline; text-align: center; }
div.vyrobky-images a.foto             { display: block; clear: both; float: none; margin-bottom: 5px; }
div.vyrobky-images a.realizacia       { display: block; clear: both; float: none; padding: 3px; background: #999; color: #fff; margin-top: 3px; text-align: center; font-weight: bold; text-decoration: underline; }
div.vyrobky-images a.realizacia:hover { background: #6498d2; }
*/

div.vyrobky-images                      { float: left; margin: 6px; background: #eee; _display: inline; text-align: center; width: 160px; min-height: 214px; _height: 214px; padding: 12px 0; }
body#vyrobky-dynamic div.vyrobky-images { float: left; margin: 2px; background: #eee; _display: inline; text-align: center; width: 165px; min-height: 160px; _height: 160px; padding: 8px 0; }
div.vyrobky-images a.foto               { display: block; clear: both; float: none; margin-bottom: 5px; }
div.vyrobky-images a.realizacia         { display: block; clear: both; float: none; padding: 3px; background: #999; color: #fff; margin: 3px 5px 0 5px; text-align: center; font-weight: bold; text-decoration: underline; }
div.vyrobky-images a.realizacia:hover   { background: #6498d2; }

table.table1              { background: #eee; margin: 10px 0; width: 690px; border-collapse: collapse; border: 1px solid #ccc; font-size: 100%; }
table.table1 th           { background: #6498d2; text-align: center; color: #fff; font-weight: bold; border-right: 1px solid #fff; padding: 5px; }
table.table1 th.last      { border-right: none; }
table.table1 td           { padding: 5px; text-align: center; }
table.table1 td.define    { font-weight: bold; text-align: left; }
table.table1 td.define a  { text-decoration: underline; }
table.table1 td.define a:hover  { text-decoration: none; }
table.table1 tr.white td  { background: #fff; }

img.technicke-udaje-image { float: left; border: 5px solid #ddd; margin: 0 10px 0 0; }

div.kontakt-left        { width: 380px; float: left; }
/* Edit: Unikum - Lukas Vinclav */
div.kontakt-left table  			{ font-size: 1em; margin-bottom: 15px; width: 380px; }
div.kontakt-left table td			{ vertical-align: top; }
div.kontakt-left table label 		{ cursor: pointer; display: block; padding: 3px 0px 4px 0px; width: 180px; }
div.kontakt-left table input 		{ border: 1px solid #999999; margin: 0px 0px 10px 0px; padding: 3px; width: 190px; }
div.kontakt-left table select 	{ margin: 0px 0px 10px 0px; width: 196px; }
div.kontakt-left table textarea 	{ border: 1px solid #999999; color: black; font: normal 1em "Trebuchet MS", "Geneva CE", "lucida", sans-serif; margin: 0px 0px 10px 0px; overflow: hidden; padding: 3px; width: 190px; }

div.kontakt-right       { width: 300px; float: right; }

form.form1 input        { width: 95%; }
form.form1 input.submit { width: auto; }
form.form1 label        {  }
form.form1 textarea     { height: 7em; width: 95%; }
form.form1 td.vsuvka    { font-weight: bold; padding: 5px 0; }
form.form1 td           { }
form.form1 td.td-right  { width: 240px; }

.hlaska { display: block; color: #009900; font-weight: bold; padding-bottom: 10px; }
.chyba  { display: block; color: #ff0000; font-weight: bold; padding-bottom: 10px; }

body#er404            { background: #fff; padding-top: 30px; }
body#er404 p          { font-size: 140%; }
body#er404 p a        { text-decoration: underline; }
body#er404 p a:hover  { text-decoration: none; }

table.text-left td    { text-align: left; }
table.text-center td  { text-align: center; }
table.text-right td   { text-align: right; }
table td.text-left    { text-align: left; }
table td.text-center  { text-align: center; }
table td.text-right   { text-align: right; }
.text-left            { text-align: left; }
.text-center          { text-align: center; }
.text-right           { text-align: right; }

p.pripravujeme { display: block; font-size: 150%; color: #ff0000; }

div.link-hore         {  }
div.link-hore h2      { float: left; }
div.link-hore a       { float: right; display: block; text-decoration: underline; color: #333; cursor: pointer; font-weight: bold; padding: 5px 10px; background: #eee; }
div.link-hore a:hover { background: #6498d2; color: #fff; }

div.profil-image { float: left; margin: 5px 20px 0 0; padding: 10px; background: #eee; _display: inline; }
div.profil-flash { float: right; margin: 70px 20px 30px 30px; padding: 0; background: transparent; _display: inline; }
div.profil-flash2 { float: right; margin: 120px 20px 30px 30px; padding: 0; background: transparent; _display: inline; }

body#index #obsah-in2 p { display: block; padding: 0 0 15px 160px; text-align: justify; font-size: 120%; line-height: 150%; }
body#index #obsah-in2 h1 { padding: 20px 0 15px 160px; }

img.certifikat { width: 688px; }

a.mapa img { margin-bottom: 20px; }

a.objednavkovy-formular       { text-decoration: underline; }
a.objednavkovy-formular:hover { text-decoration: none; }

.doNot   { color: #ff0000; }

body#navod-na-montaz img         { margin: 10px; margin-top: 0; }
body#navod-na-montaz img.right   { margin-right: 0 }
body#navod-na-montaz img.left    { margin-left: 0 }
body#navod-na-montaz .cols img   { margin: 0 0 10px 0; }

.cols          {  }
.cols2 .col1   { float: left; width: 49%; }
.cols2 .col2   { float: right; width: 49%; }

.colsWideContent .col1  { float: right; width: 650px; overflow: hidden; }
.colsWideContent .col2  { float: left; width: 150px; overflow: hidden; }

.margTop        { margin-top: .5em; }
.margTopL       { margin-top: 1em; }
.margTopXL      { margin-top: 2em; }
.margBottom     { margin-bottom: .5em; }
.margBottomL    { margin-bottom: 1em; }
.margBottomXL   { margin-bottom: 2em; }

.padTop        { padding-top: .5em; }
.padTopL       { padding-top: 1em; }
.padTopXL      { padding-top: 2em; }
.padBottom     { padding-bottom: .5em; }
.padBottomL    { padding-bottom: 1em; }

.padS          { padding: .2em; }

.width95per    { width: 95% !important; }
.width100per   { width: 100% !important; }

.akcia01-flash   { margin: 20px 0 0 157px; }
body#akcia .akcia01-flash  { margin-top: 0px; }

body#navod-na-montaz div.vyrobky-images { min-height:0; }

/* index */

body#index .sale        { margin: 0 160px 20px 160px; font-weight: bold; font-size: 1.3em; padding: 10px; border: 1px solid #6398D1; line-height: 1.5; }
body#index .sale a      { text-decoration: underline; color: #6398D1; font-size: 1.3em; }
body#index .sale a span { color: #ff0000; text-decoration: underline; }

.sale .saleText         { margin-top: 20px; font-weight: normal; display: none; }
.sale .saleText strong  { font-size: 1.2em; }

/* kontakt */
.mapa {	margin-bottom: 20px; }
.nadpis_kontakt { padding-bottom: 0px;}