body{
  margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
  margin-bottom: 0px;
  background:none;
}
  
#header_wide{
  position:relative;
  width:100%;
  height:101px;
  margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
  background-image:url('images/vrch.jpg');
  background-position:center;
}

#header_center{
  position:relative;
  width:900px;
  height:101px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  background-image:url('images/vrch-stred.jpg');
  background-position:center;
}

#header_logo{
  position:relative;
  width:255px;
  height:60px;
  margin-left:20;
  margin-top:10px;
  float:left;
  background-color:none;
}

#jazyky{
  position:relative;
  width:450px;
  height:40px;
  margin-top:30px;
  background-color:none;
  float:left;
}

#vyhladavanie_container{
  position:relative;
  width:190px;
  height:40px;
  margin-top:30px;
  background-color:none;
  
  float:left;
}

#vyhladavanie{
  position:relative;
  width:190px;
  height:40px;
  margin-top:30px;
  background-color:none;
  
  float:left;
}

#horne_menu{
  position:relative;
  float:left;
  width:650px;
  height:25px;
  padding-left:250px;
  margin-top:4px;
  background-color:none;background-position:center;
}

#image{
  position:relative;
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  width:900px;
  height:248px;
  background-image:url('images/obr1.jpg');
  
}

#maincontainer{
  width: 900px; 
  margin: 0 auto; 
}

#contentwrapper{
  float: left;
  width: 100%;
}

#contentcolumn{
  margin: 20px 20px 0px 0px; /*"0 RightColumnWidth 0 LeftColumnWidth*/
  background-color: none;
}

#aktuality{
  width: 850px; 
  margin-left: -850px; 
  background-color: none;
  margin-top:10px;
  float: left;
}

#leftcolumn{
  width: 680px; 
  margin-left: -880px; 
  background-color: none;
  margin-top:10px;
  float: left;
}

.produkt-popis{
  margin-top:50px;
  width:300px;
  float: left;
  background-color:none;
  font-size:12px;
}

.popis-ramik{
  width:170px;
  height:50px;
  padding-left:5px;
  padding-top:10px;
  background-color:#d3d3d3;
  vertical-align:middle;
  font-size:10px;
}

.produkt-foto{
  width:330px;
  background-color:none;
  float: left;
  text-align:right;
}

#rightcolumn{
  width: 190px; 
  margin-left: -200px;
  margin-top:10px;
  background-color: none;
  float: left;
}

#leftcolumn_o_firme{
  width: 660px; 
  margin-left: -880px; 
  background-color: none;
  margin-top:10px;
  float: left;
}

#rightcolumn_o_firme{
  width: 190px; 
  margin-left: -190px;
  margin-top:20px;
  background-color: none;
  text-align:right;
  float: left;
} 

#leftcolumn_kontakt{
  width: 615px; 
  margin-left: -900px; 
  background-color: none;
  margin-top:10px;
  float: left;
}

#rightcolumn_kontakt{
  width: 260px; 
  margin-left: -260px;
  margin-top:20px;
  background-color: none;
  text-align:left;
  float: left;
} 

.kontakt_udaje{
  width:200px;
  margin-left:0px;
  margin-top:20px;
  background-color:none;
  text-align:left;
  float:left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:120%;
	font-weight: normal;
	color: black;
	word-spacing: Normal;
}

.text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:120%;
	font-weight: normal;
	color: black;
	word-spacing: Normal;
}

.kontakttext
{ font-size: 1.2em;
}

.kontaktnepole
{
border: 1px solid #DFDFDF;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 250px;
color: #646260;
padding: 2px 4px 3px 4px;
background-color: #efefef;
}

.odoslikontakt
{
border: 1px solid #DFDFDF;
margin: 0;
padding: 4px 4px 5px 4px;
font-size: 11px;
}

.stlpec{
  width: 315px; 
  background-color: none;
  margin-top:0px;
  float: left;
  text-align:justify;
  font-size:11px;
} 

.stlpec2{
  width: 315px; 
  background-color: none;
  margin-left:30px;
  margin-top:0px;
  float: left;
  text-align:justify;
  font-size:11px;
} 

.stlpecA{
  width: 200px; 
  background-color: none;
  margin-top:0px;
  margin-left:30px;
  float: left;
  text-align:justify;
} 

.stlpecA1{
  width: 200px; 
  background-color: none;
  margin-top:0px;
  float: left;
  text-align:justify;
} 

img.fotecky{
  margin-left:7px;
}

.fotecky{
  margin-top:15px;
  margin-left:322px;
}

#footer{
  position:relative;
  margin-top:20px;
  margin-left:0px;
  margin-right:0px;
  width:100%;
  height:185px;
  background-image:url('images/spodok-new.jpg');
  background-position:center;
  
}

#fcenter{
  position:relative;
  width:900px;
  height:179px;
  background:none;
  margin-left:auto;
  margin-right:auto;
  padding-top:6px;
  background-image:url('images/spodok-stred-new.jpg');
}

#pata_pokec
  {
    background-color:none;
    position:relative;
    
    width:490px;
    height:95px;
	  float:left;
	}
  
#pata_kontakt
  {
    background-color:none;
    position:relative;
    width:140px;
    height:95px;
	  float:left;
  }
  
#pata_creoline
  {
    background-color:none;
    position:relative;
    width:269px;
    height:95px;
    float:left;
	}
	
.pata{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  font-weight: normal;
	  color: white;}
	  
.creoline_image{padding-top:42px;padding-left:5px;}

.creoline_text{padding-left:140px;padding-top:42px;float:left}

.pokec{padding-left:0px;padding-top:20px;}

.kontakt{padding-left:50px;padding-top:30px;}

ul{
  margin-left:0px;
  margin-top:0px;
  padding-left:0;
}

li{
  background-color:black;
  list-style-type: none;
  width:200px;
  margin-top:5px;
  margin-left:0px;
  padding-left:0;
}

.image_li{margin-top:5px;background-image:url('images/menu-spodok.gif');height:24px;}
/************************texty*********************/
a.horne_menu{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
  font-size: 12px;
	font-weight: normal;
	color: white;
}

a.horne_menu2{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
  font-size: 12px;
	font-weight: normal;
	color: red;
}
	
a.horne_menu:hover{
  font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
  font-size: 12px;
	font-weight: normal;
	color: red;
}
	
a.dolne_menu{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
	font-size: 10px;
	font-weight: normal;
	color: white;
}
	
a.dolne_menu:hover{
  font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
  font-size: 10px;
	font-weight: normal;
	color: black;
}

a.kontakt2{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
	font-size: 10px;
	font-weight: normal;
	color: white;
}
	
a.kontakt2:hover{
  font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
  font-size: 10px;
	font-weight: normal;
	color: red;
}

a.kontakt3{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
	font-size: 10px;
	line-height:11px;
	font-weight: normal;
	color: black;
}
	
a.kontakt3:hover{
  font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
  font-size: 10px;
  line-height:11px;
	font-weight: normal;
	color: red;
}

a.aktuality{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
	font-size: 12px;
	line-height:12px;
	font-weight: normal;
	color: red;
}
	
a.aktuality:hover{
  font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
  font-size: 12px;
  line-height:12px;
	font-weight: normal;
	color: black;
}
	
a.jazyky{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
  font-size: 10px;
	font-weight: normal;
	color: white;}
	
a.jazyky:hover{
  font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
  font-size: 10px;
	font-weight: normal;
	color: red;
}

a.jazyky2{text-decoration:none;font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
  font-size: 10px;
	font-weight: normal;
	color: red;}
	
a.jazyky2:hover{
  font-family: Trebuchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
  font-size: 10px;
	font-weight: normal;
	color: red;
}

A {text-decoration: none; font-weight: normal; color:black; font-family: Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;}

A:hover {
	text-decoration: none;
	 font-family: Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
A:link {
	/*color: white;*/
	text-decoration: none;font-family: Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
A:visited {
	/*color: white;*/
	text-decoration: none;font-family: Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
A:active {
	/*color: #D88EFF;*/
	text-decoration: none;font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
	
.popis{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
	font-weight: normal;
}

.submit-button {
background-color:transparent;
background-image:url(images/sipecka.png);
border:0px solid #CCCCCC;
padding-top:0px;
color:#FF3333;
width:15px;
height:15px;
}

/**********************************************************/
h2{
  color:red;
  font-size:15px;
}

.ofirme-aktualne{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
	font-weight: bold;
  color:blue; 
  text-align:justify; 
}

.produkt-nazov{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
	font-weight: bold;
  color:red;
  margin-top:10px;
}

.hidden { display: none; }
.unhidden { display: block; }

#x{position:relative;
  
  height:60px;
  margin-left:0;
  margin-top:0px;
  float:left;
  background-color:red;}
  
#rollover {
width:900px;
margin:auto;
}
#rollover a {
text-decoration:none;
color:white;
background-color:black;
display:block;
font-size:12px;
font-weight:normal;
}

#rollover a:hover {
text-decoration:none;
color:red;
background-color:black;
display:block;
font-size:12px;
font-weight:normal;
}

#rollover li {
float:left;

}
#rollover h2 {
height:24px;
margin:0;
padding:0;
}
#rollover h2 img {
display:block;
}
#rollover #a h2 {
background-color:black;
}
#rollover #b h2 {
background-color:black;
}
#rollover #c h2 {
background-color:black;
}
#rollover li:hover h2 img, #rollover li.sfhover h2 img {position:relative;
display:none;
}
#rollover li ul {
display:none;
}
#rollover li:hover ul, #rollover li.sfhover ul {position:relative;
display:block; 
}
#rollover li ul li:hover a, #rollover li ul li.sfhover a{position:relative;
background-color:black;
color:red;
}