/*body 
{ 
margin:0; 
padding:0; 
background:#ffffff; text-align:center; 
} */
body 
{
background-color: white;
	margin: 0;
	padding: 0;
	font: 13px Tahoma;
	color: #000000;
	text-align: center;
}


#hlavicka 
{ 
padding: 0px; 
background: rgb(255,255,255); 
} 

#obsah 
{ 
width: 950px; 
margin:5px auto; 
text-align:left; 
} 

#levypanel 
{ 
float: left; 
width: 230px; 
margin-left: -959px;
margin-top:5px;  
padding:0; 
} 

#levypanel-obsah 
{ 
padding-right: 0px; 
padding-left: 10px; 
} 
#levypanel-obsah h2
{
font: 14px Tahoma;
font-weight: bold;
margin-top: 3px;
margin-left: 2px; 
}

#hlavnipanel 
{ 
float: left;
margin-left:244px; 
margin-top:10px;   
width: 705px;
padding:0; 
} 

#hlavnipanel h2
{
font: 14px Tahoma;
font-weight: bold;
margin-top: 0px;
/* margin-left: 2px; */
}

#paticka 
{ 
padding: 10px; 
background: #B1D9FF; 
text-align: center;
} 

#paticka a {
 text-decoration: none;
color: black;
}

hr.cleaner 
{ 
clear: both; 
display: block; 
visibility: hidden; 
} 

ul#menu{
margin: 0;
padding: 0;
list-style: none;
border-bottom: 0px;
padding-bottom: 16px;
}

#menu a{
color: #000;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
border: 0px;
border-bottom: none;
padding: 7px 5px;
display: block;
background: url(../images/podklad-menu.png) repeat-y 0px 0px;
/*background-image: url(../images/menu-sipka.png);
background-repeat: no-repeat;
background-position: right center;
z-index: 2;
 background: url(../images/podklad-menu.png) repeat-y 0px 0px;
 
background-color: #E7E7E7; */
}
li#submenu {
background: url(../images/podklad-menu.png) repeat-y 0px 0px;
/* background-image: url(../images/menu-sipka-cervena.png);
background-repeat: no-repeat;
background-position: right center;
background-color: #E7E7E7;
*/
}
li#submenu a{
/* background-image: url(../images/menu-sipka-cervena.png);  */
font-size: 10px;
padding: 5px 3px 5px 15px;
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #F1F1F1;
margin-top: 1px;
}

li#submenu a:hover{
font-weight: bold;

}

li#menu-cervene {
background: url(../images/podklad-menu.png) repeat-y 0px 0px;
/* background-image: url(../images/menu-sipka-cervena.png);
background-repeat: no-repeat;
background-position: right center;
background-color: #E7E7E7;
*/
}
li#menu-cervene a{
background-image: url(../images/menu-sipka-cervena.png);
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #F1F1F1;
margin-top: 7px;
}

li#menu-cervene a:hover{
font-weight: bold;
background: #C0C0C0 url(../images/menu-sipka-cervena.png) no-repeat;
background-position: right center;
}

li#menu-zelene {
background: url(../images/podklad-menu.png) repeat-y 0px 0px;
/* background-image: url(../images/menu-sipka-cervena.png);
background-repeat: no-repeat;
background-position: right center;
background-color: #E7E7E7;
*/
}
li#menu-zelene a{
background-image: url(../images/menu-sipka.png);
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #F1F1F1;
margin-top: 7px;
}
li#menu-zelene a:hover{
font-weight: bold;
background: #C0C0C0 url(../images/menu-sipka.png) no-repeat;
background-position: right center;
}

li#menu-sedive {
background: url(../images/podklad-menu.png) repeat-y 0px 0px;
/* background-image: url(../images/menu-sipka-cervena.png);
background-repeat: no-repeat;
background-position: right center;
background-color: #E7E7E7;
*/
}
li#menu-sedive a{
background-image: url(../images/menu-sipka-sediva.png);
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #F1F1F1;
margin-top: 7px;
}
li#menu-sedive a:hover{
font-weight: bold;
background: #C0C0C0 url(../images/menu-sipka-sediva.png) no-repeat;
background-position: right center;
}

li#menu-zpet, li#menu-zpet1  {
background: url(../images/podklad-menu.png) repeat-y 0px 0px;
}

li#menu-zpet a{
background-image: url(../images/menu-sipka-dvojita.png);
background-repeat: no-repeat;
background-position: left center;
border: 1px solid #F1F1F1;
margin-top: 7px;
padding-left: 60px;
}

li#menu-zpet a:hover{
background-image: url(../images/menu-sipka-dvojita.png);
background-repeat: no-repeat;
background-position: left center;
border: 1px solid #C0C0C0;
margin-bottom: 1px;
padding-left: 60px;
font-weight: bold;
}

li#menu-zpet1 a{
background-image: url(../images/menu-sipka-zpet.png);
background-repeat: no-repeat;
background-position: left center;
border: 1px solid #F1F1F1;
margin-top: 7px;
padding-left: 60px;
}

li#menu-zpet1 a:hover{
background-image: url(../images/menu-sipka-zpet.png);
background-repeat: no-repeat;
background-position: left center;
border: 1px solid #C0C0C0;
margin-bottom: 1px;
padding-left: 60px;
font-weight: bold;
}

 #menu a:hover{
font-weight: bold;
background: #C0C0C0 ;
}

#menu-boxik-zluty 
{ 
font-size: 12px;
width: 220px; 
height: 350px;
border: 0px;
margin-bottom: 5px; 
padding:0;
padding-bottom: 16px;
background-color: #fdf5cd;
} 

#menu-boxik-zluty a{
color: black;
vertical-align: center;
font-family: Tahoma;
text-decoration: none;
font-size: 13px;
font-weight: bold;
display: block;
background-color: #fdf5cd; 
}

#menu-boxik-zluty a:hover{
color: rgb(79,129,188);
font-family: Tahoma;
text-decoration: none;
font-size: 13px;
font-weight: bold;
border: 1px solid #e0b000;
background-color: #ffdb6e;     
}


.menu-boxik-zluty-hlavicka 
{
height: 25px;
border: 1px solid #e0b000;
background-color: #ffdb6e;
}

.menu-boxik-zluty-hlavicka#minimenu {
color: black;
font-family: Tahoma;
text-decoration: none;
background-image: url(../images/minimenu-sipka-cervena.png);
background-repeat: no-repeat;
background-position: 98% center;
}

.menu-boxik-zluty-hlavicka#minimenu a {
text-decoration: none;
color: black;
}

.menu-boxik-zluty-hlavicka#minimenu a:hover {
text-decoration: none;
color: rgb(139,29,68);
}
             
.menu-boxik-modry-podlahy-hlavicka 
{
height: 25px;
border: 1px solid #94B4D3;
background-color: #B1D9FF;
font-size: 13px;
font-weight: normal;
}

.menu-boxik-modry-podlahy-hlavicka h2 {
margin-left: 3px;
}

.menu-boxik-modry-podlahy
{ 
float: left;
margin-left: 50px;
margin-bottom: 20px;
font-size: 12px;
width: 260px; 
height: 140px;
padding-bottom: 16px;
background-color: #f4f4f4;
} 

.menu-boxik-modry-podlahy img
{
float: right;
padding-top: 10px;
padding-right: 5px;
}

.menu-boxik-modry-podlahy p
{
margin-left: 3px;
}

.menu-boxik-modry-podlahy a {
text-decoration: none;
color: black;
}


#menu-boxik-modry
{ 

font-size: 12px;
width: 220px; 
height: 200px;
padding-bottom: 16px;
margin-top: 15px;
background-color: #f4f4f4;
} 

#menu-boxik-modry a {
color: black;
vertical-align: center;
font-family: Tahoma;
text-decoration: none;
font-size: 13px;
font-weight: bold;
display: block;
}
#menu-boxik-modry h3, #menu-boxik-zluty h3, .kz-uvod-polozka h3{
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: bold;
}

#menu-boxik-modry a:hover{

font-family: Tahoma;
text-decoration: none;
font-size: 13px;
font-weight: bold;
border: 1px solid #94B4D3;
background-color: #B1D9FF;
}

#menu-boxik-modry-hlavicka 
{
height: 25px;
border: 1px solid #94B4D3;
background-color: #B1D9FF;
font-size: 13px;
font-weight: normal;
}

.menu-boxik-polozka 
{
width: 72px;
height: 90px;
background-color: transparent;
margin-left:25px;
margin-top:5px;
margin-bottom:0px;
float: left;  
text-align: center;
}


.lubana-zluty-ramecek
{
height: 25px;
border: 1px solid #e0b000;
background-color: #ffdb6e;
padding-bottom: 0px;

}

.column-in {
		margin:0; padding:0.5em 1em;
}

#hp-hlavicka-nahore
{
width: 950px;
height: 85px;
}
#hp-hlavicka-dole
{
width: 950px;
height: 180px;

}

#hp-hlavicka-logo
{
width: 180px;
height: 60px;
float: left;
border: 0;
margin-top: 10px;
}
#hp-hlavicka-logo a img
{
background-color: #ffdb6e;
border: 0;
}
#hlavicka-banner
{
width: 600px;
height: 80px;
/* background-image: url(../images/pozadi-banner.png); */
float: left;
}

#hlavicka-banner h1
{
margin-top: 0px;
text-align: center;
color: rgb(140,28,68);
font-size: 30px;
}

#hp-hlavicka-banner
{
width: 750px;
height: 70px;
/* background-image: url(../images/pozadi-banner.png); */
float: left;
background: #1B4E42;
}

#hp-hlavicka-banner h1
{
margin-top: 15px;
text-align: center;
color: white;
font-size: 30px;
}

#hlavicka-banner
{
width: 600px;
height: 80px;
/* background-image: url(../images/pozadi-banner.png); */
float: left;
}

#hlavicka-banner h1
{
margin-top: 10px;
text-align: center;
color: rgb(142,27,68);
font-size: 30px;
}

.hlavicka-obrazek
{
float: left;
margin-left: 0;
margin-right: 10px;
width: 226px;
height: 170px;
}

#hp-box1
{
width: 705px;
height: 367px;
padding-bottom: 2px;
border-bottom: 3px solid #7292b5;
}
#hp-box1-obrazek 
{
float:left;
width:195px;
height: 363px;
margin:0px; 
background-image: url(../images/david.png);
}

#hp-box1-text  {
width: 505px;
height: 353px;
/*margin-left: 5px; */
float: right;
overflow-y: scroll;
}

#hp-box2
{
width: 705px;
height: 385px;
padding-top:10px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
border-bottom: 3px solid #7292b5;
}


#hp-box2-hlavicka
{
height: 25px;
width: 705px;
border: 0px;
background-color: #FFD24E;
padding-bottom: 0px;
margin-bottom: 0px;
position:relative;
overflow:hidden;
}

#hp-box2-hlavicka .nadpis 
{
margin-top: 3px;
margin-left: 2px;
float:left;
width:231px;
}

#hp-box2-hlavicka .odkaz 
{
margin-top: 3px;
margin-right: 2px;
float:right;
width:231px;
text-align: right;
}

#hp-box2-hlavicka .text
{
margin-top: 3px;
float:left;
width:231px;
text-align: center;
}
#hp-box2-slideshow
{
width:705px;
heigt: 322px;
color: #303030; 

}
#hp-box2-slideshow-levy
{
width: 185px;
float: left;
margin-left: 4px;
}
#hp-box2-slideshow-stred
{
width: 321px;
float: left;
margin-top: 10px;
margin-left: 3px;
}
#hp-box2-slideshow-pravy
{
width: 185px;
float: right;
margin-left: 4px;
line-height:1.5;
}

#hp-box3
{
width: 705px;
height: 265px;
padding-bottom: 5px;
padding-top: 8px;
border-bottom: 3px solid #7292b5;
}
#hp-box3-pravy 
{
float:right;
width:195px;
height: 228px;
margin:0px; 
background-image: url(../images/transit.jpg);
}

#hp-box3-levy  {
width: 505px;
height: 258px;
/*margin-left: 5px; */
float: left;
/*overflow-y: scroll;*/
}
.sedivy-nadpis {
	padding: 3px;
	color: #808080;
	font: bold 17px Verdana;
	margin: 0px;
}

.kontakt {
	width: 250px;
  float: left;
	}
.kontakt h2
{
color: #900;
	font: bold 17px Tahoma;
	float: left;
	margin: 0px;
	height: 17px
}

/*  Slideshow */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin-top:35px; display:none; margin-left: 35px;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#fff}
#information {position:absolute; bottom:0; width:500px; height:0; background:#fff; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat; color:#fff}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#666}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#666 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
/*  Slideshow konec */

.sedivy-text {
	color: #808080;
	font: 17px Verdana;
}

.fialovy-text {
color: #990000;
}
#bezny-text 
{
font-size: 15px;
}

#bezny-text h3 {
font-size: 14px;
}

#bezny-text h2
{
font-size: 17px;
color: #990000;
}
#bezny-text h1
{
font-size: 20px;
color: rgb(27,78,66) ;
text-decoration: underline;
margin: 0px 0px 0px 0px;
}

#bezny-text li
{
text-decoration: none;
list-style: none;
background-image: url(../images/li-sipka.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
margin-bottom: 10px;
}

.pozice-galerie{
margin-left: 30px;
}
.pozice-galerie-podnadpis{
margin-left: 30px;

}

a.link1:link {
	font: 17px Verdana;
	text-decoration: none;
	color: #808080;
}

a.link1:visited {
	font: 17px Verdana;
	text-decoration: none;
	color: #808080;
}

a.link1:hover {
	font: 17px Verdana;
	text-decoration: none;
	color: black;
}

.reference-graf {
width: 450px;
height: 115px;
background-repeat: no-repeat;
background-position: left top;
padding-left: 80px;
}

.reference-seznam {
margin: 10px 0px 3px 0px;
border-bottom: 3px solid #7292b5;
 width: 680px;
}

.reference-seznam a { 
color: black;
text-decoration: none;
}

.reference-seznam .desc {
float: right;
font-size: 16px;
/*width: 250px;         */
text-align: right;
}
.reference-seznam .nazev {
float: left;
font-size: 20px;
/* width: 450px;  */
}

.reference-seznam p{
 margin: 3px 0px 3px 0px;
 font-style: italic;
 font-size: 115%;
}

.kn-uvod-polozka {
height: 91px ;
width: 660px  ;
background-color: transparent;
margin-top:50px;

}

.kn-uvod-polozka a, .kz-uvod-polozka a{
text-decoration: none;
color: black;
}

.kn-uvod-polozka img {
float: left;
margin-right: 5px;
}

/*
.kn-polozka {
height: 230px ;
width: 300px  ;
background-color: transparent;
margin-top:10px;
margin-bottom:20px;
margin-right:30px;
margin-left:10px;
float: left;
}
*/

.kn-polozka {
width: 150px  ;
background-color: transparent;
margin-top:10px;
margin-bottom:20px;
margin-right:40px;
margin-left:40px;
float: left;
}

.kn-polozka h3, .kn-polozka-siroka h3 {
margin: 2px 2px 2px 0px;  
font-size: 13px;  
color:rgb(27,117,105);
}

.kn-polozka-siroka {
 width: 700px;
  
}

.kn-polozka-predel {
  width: 700px;
  border-bottom: 2px solid rgb(114,146,181);
  clear: both;
  margin-bottom: 10px;
}


.kn-polozka-siroka img {
 float: left;
 margin-right: 10px;
 margin-bottom: 20px;
}

.kn-polozka-siroka p {
 font-size: 12px;
 margin-left: 10px;
 margin-top: 0px;
}

/*.kz-uvod-polozka 
{
width: 112px;
height: 156px;
background-color: transparent;
margin-left:25px;
margin-top:5px;
margin-bottom:50px;
float: left;
text-align: center;
}

.kz-uvod-polozka a:hover 
 {
text-decoration: underline;
float: left;
text-align: center;
border: 1px solid #94B4D3;
background-color: #B1D9FF;
}
*/

.Caption {
font-family: Arial;
font-weight: bold;
color:      #123456;
}

.podlahy-dekor {
width: 200px;
height: 70px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
}

.podlahy-dekor img {
float: left;
padding-right: 3px;

}

.podlahy-dekor h2 {
text-decoration: underline;
color: #990000;
font-size: 10px;
}

.podlahy-dekor p {
 font-size: 10px;
}

.menu-boxik-modry-podlahy#logo-kahrs {
background-image: url(../images/l_kahrs.png) ;
background-position: 2% 98%;
background-repeat: no-repeat;
}

.menu-boxik-modry-podlahy#logo-bauwerk {
background-image: url(../images/l_bauwerk.png) ;
background-position: 2% 98%;
background-repeat: no-repeat;
}

.menu-boxik-modry-podlahy#logo-forte {
background-image: url(../images/l_forte.png) ;
background-position: 2% 98%;
background-repeat: no-repeat;
}

.menu-boxik-modry-podlahy#logo-witex {
background-image: url(../images/l_witex.png) ;
background-position: 2% 98%;
background-repeat: no-repeat;
}

.menu-boxik-modry-podlahy#logo-tarkett {
background-image: url(../images/l_tarket.png) ;
background-position: 2% 98%;
background-repeat: no-repeat;
}

.menu-boxik-modry-podlahy#logo-designline {
background-image: url(../images/l_designline.png) ;
background-position: 2% 98%;
background-repeat: no-repeat;
}

.menu-boxik-modry-podlahy#logo-marmoleum {
background-image: url(../images/l_marmoleum.png) ;
background-position: 2% 98%;
background-repeat: no-repeat;
}
