/* CSS Document */



body

{

    margin: 0px;

    padding: 0px;

    background-color: white;

    background-position: center top;

    background-repeat: repeat;

    background-image: url("background.jpg");

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    text-align: center;

    height: 100%;

}



#relative-contents-index

{

    position: relative;

    top: 0px;

    width: 898px;

    height: 995px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    background-color: white;

}



#gallery

{

	position: relative;

	width: 700px;

	}



#prava

{

	position: absolute;

	left: 440px;

	top: 305px;

	

}



#prava img

{

	position: relative;

	left: 50px;



	

}



#relative-contents

{

    position: relative;

    top: 0px;

    width: 898px;

    height: auto;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    background-color: white;

}



#head a

{

    position: absolute;

    background-image: url("head.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    width: 898px;

    height: 159px;

    top: 0px;

    left: 0px;

}



#lista

{

    position: absolute;

    background-image: url("lista.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    width: 898px;

    height: 46px;

    top: 159px;

    left: 0px;

}



#kudrliny-prava-vnejsi

{

    position: absolute;

    background-image: url("kudrliny-prava.jpg");

    background-position: top right;

    background-repeat: no-repeat;

    width: 80px;

    height: 509px;

    top: 208px;

    right: 0px;

    z-index:2;

}



#kudrliny-prava

{

    position: absolute;

    background-image: url("kudrliny.jpg");

    background-position: top right;

    background-repeat: no-repeat;

    width: 271px;

    height: 1170px;

    top: 0px;

    right: -271px;

}



/*-------------------------------------------------------------------*/



ul#menu

{

    list-style-type: none;

    position: absolute;

    top: 159px;

    left: 23px;

    width: 898px;

    height: 60px;

    text-align: left;

    margin: 0px;

    padding: 0px;

    z-index: 20;

}



ul#menu li

{

    display: inline;

    border-right: 1px solid #00c3dd;

    border-left: 1px solid #00c3dd;

    padding-left: 38px;

    padding-right: 38px;

    padding-top: 12px;

    padding-bottom: 11px;

    position: relative;

    float: left;

    z-index: 20;

}



ul#menu li ul li

{

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    z-index: 20;

}



ul#menu li:hover

{

    background-position: center top;

    background-repeat: repeat-x;

    background-image: url("back-menu.jpg");

    z-index: 20;

}



ul#menu li a

{

    color: White;

    text-decoration: none;

    top: 10px;

    z-index: 20;

    

}



ul#menu li a:hover

{

    text-decoration: underline;

    z-index: 20;

}



ul#menu, ul

{

	list-style-type: none;

	padding: 0px;

	margin: 0px;

	z-index: 20;

	

}



ul#menu ul

{

	margin: 0px;

	z-index: 20;

	

}



ul#menu ul a

{

	color: white; /* bila hlavni pismo */

	text-decoration: none;

	z-index: 20;

}



ul#menu ul a:hover

{

	color: black; /*  pismo pri najeti v podmenu */

	z-index: 20;

	

}



ul#menu ul

{

	position: absolute;

	visibility: hidden;

	background-color: #0093dd; /* modra */

	left: 0px;

	top: 39px;

	z-index: 20;

}



ul#menu li:hover ul, ul#menu li.hover ul

{

	visibility: visible;

	z-index: 20;

	

}



ul#menu li li

{

	float: none;

	border: none;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	z-index: 20;

}



ul#menu li

{

	behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo øešení funkèní, použijeme tento *.htc soubor */

    z-index: 20;

}



/*-------------------------------------------------------------------*/

ul#podlahy

{

    position: absolute;

    top: 80px;

    left: 30px;

    display: block;

    list-style-type: none;

    text-align: left;

}



ul#podlahy li

{

    list-style-type: none;

    padding-bottom: 12px;

}



ul#podlahy li a

{

    color: White;

    text-decoration: underline;

}



ul#podlahy li a:hover

{

    color: White;

    text-decoration: none;

}



/*-------------------------------------------------------------------*/



ul#menu3

{

    position: relative;

    list-style-type: none;

    padding: 30px 0px 20px 0px;

}



ul#menu3 li

{

    padding-bottom: 10px;

}



ul#menu3 li a

{

    font-size: 14px;

    color: Orange;

    text-decoration: underline;

}



ul#menu3 li a:hover

{

    text-decoration: none;

}





/*-------------------------------------------------------------------*/



#celek

{
	position: absolute;
	width: 813px;
	height: 279px;
	top: 217px;
	left: 42px;
	z-index:19;
	background: url("celek.jpg") no-repeat;

}



/*-------------------------------------------------------------------*/



#Nav

{

    position: absolute;

    width: 198px;

    height: 196px;

    background: url("male-sikovne.jpg") no-repeat;

    top: 246px;

    left: 46px;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

    z-index: 19;

}



#Nav li

{

    padding: 0px 0px 0px 5px;

    position: relative;

    list-style-type: none;

    margin: 0px;

    float: left;

}



.menu-aplikace

{

    position: relative;

    width: 163px;

    height: 70px;

    background-color: #fca039 ;

    top: 103px;

    left: 11px;

    display: none;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}



.menu-aplikace li

{

    text-align: center;

    position: relative;

    margin: 0px;

    padding: 0px;

    bottom: 0px;

}



.menu-aplikace li a

{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    text-align: center;

    color: Black;

    text-decoration: none;

    margin: 0px;

    padding: 0px;

}



.menu-aplikace li a:hover

{

   border-bottom: 1px solid Black;

}



.menu-aplikace li a img

{

    text-decoration: none;

    margin: 0px;

    padding: 0px;

    border: none;

}



/*-------------------------------------------------------------------*/





#Nav2

{

    position: absolute;

    width: 198px;

    height: 196px;

    background: url("relaxacni.jpg") no-repeat;

    top: 246px;

    left: 248px;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

    z-index: 19;

}



#Nav2 li

{

    padding: 0px 0px 0px 5px;

    position: relative;

    list-style-type: none;

    margin: 0px;

    float: left;

}



.menu-aplikace2

{

    position: relative;

    width: 163px;

    height: 70px;

    background-color: #09ff15 ;

    top: 104px;

    left: 13px;

    display: none;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}



.menu-aplikace2 li

{

    text-align: center;

    position: relative;

    margin: 0px;

    padding: 0px;

    bottom: 0px;

}



.menu-aplikace2 li a

{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    text-align: center;

    color: Black;

    text-decoration: none;

    margin: 0px;

    padding: 0px;

}



.menu-aplikace2 li a:hover

{

   border-bottom: 1px solid Black;

}



.menu-aplikace2 li a img

{

    text-decoration: none;

    margin: 0px;

    padding: 0px;

    border: none;

}



/*-------------------------------------------------------------------*/



/*-------------------------------------------------------------------*/





#Nav3

{

    position: absolute;

    width: 199px;

    height: 196px;

    background: url("funkcni.jpg") no-repeat;

    top: 246px;

    left: 450px;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

    z-index: 19;

}



#Nav3 li

{

    padding: 0px 0px 0px 5px;

    position: relative;

    list-style-type: none;

    margin: 0px;

    float: left;

}



.menu-aplikace3

{

    position: relative;

    width: 163px;

    height: 70px;

    background-color: #02c5f3 ;

    top: 104px;

    left: 13px;

    display: none;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}



.menu-aplikace3 li

{

    text-align: center;

    position: relative;

    margin: 0px;

    padding: 0px;

    bottom: 0px;

}



.menu-aplikace3 li a

{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    text-align: center;

    color: Black;

    text-decoration: none;

    margin: 0px;

    padding: 0px;

}



.menu-aplikace3 li a:hover

{

   border-bottom: 1px solid Black;

}



.menu-aplikace3 li a img

{

    text-decoration: none;

    margin: 0px;

    padding: 0px;

    border: none;

}



/*-------------------------------------------------------------------*/



/*-------------------------------------------------------------------*/





#Nav4

{

    position: absolute;

    width: 198px;

    height: 196px;

    background: url("detske.jpg") no-repeat;

    top: 246px;

    left: 653px;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

    z-index: 19;

}



#Nav4 li

{

    padding: 0px 0px 0px 5px;

    position: relative;

    list-style-type: none;

    margin: 0px;

    float: left;

}



.menu-aplikace4

{

    position: relative;

    width: 163px;

    height: 70px;

    background-color: #feee05 ;

    top: 104px;

    left: 13px;

    display: none;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}



.menu-aplikace4 li

{

    text-align: center;

    position: relative;

    margin: 0px;

    padding: 0px;

    bottom: 0px;

}



.menu-aplikace4 li a

{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    text-align: center;

    color: Black;

    text-decoration: none;

    margin: 0px;

    padding: 0px;

}



.menu-aplikace4 li a:hover

{

   border-bottom: 1px solid Black;

}



.menu-aplikace4 li a img

{

    text-decoration: none;

    margin: 0px;

    padding: 0px;

    border: none;

}



/*-------------------------------------------------------------------*/



#back-aktuality

{

    position: absolute;

    background-image: url("back-aktuality.jpg");

    background-position: top left;

    background-repeat: no-repeat;

    width: 155px;
    height: 180px;
	padding: 28px 20px 160px 30px;
	
    top: 450px;

    right: 0px;

    z-index:19;
    color: Gray;
	font-size: 10px;
	text-align: left;

}

#in-back-aktuality {height: 180px; overflow: hidden;}

#back-aktuality a {color: #1486c4;}


#back-aktuality p

{margin: 0;}

#back-aktuality img {display: none;}

#back-aktuality a.more {position: absolute; left: 30px; bottom: 140px;}

#back-podlahy

{

    position: absolute;

    background-image: url("podlahy-back.jpg");

    background-position: top left;

    background-repeat: no-repeat;

    width: 202px;

    height: 342px;

    top: 450px;

    left: 0px;

    z-index:19;

}



#back-akcni

{

    position: absolute;

    background-image: url("back-akcni.jpg");

    background-position: top left;

    background-repeat: no-repeat;

    width: 482px;

    height: 341px;

    top: 450px;

    left: 209px;

    margin: 0px;

    padding: 0px;

    z-index:19;

}

#in-back-akcni

{

    position: absolute;

    width: 400px;

    height: 271px;
    
    overflow-y: scroll;
    overflow-x:hidden;

    top: 25px;

    left: 2px;

    margin: 0px;

    padding: 0px;

	text-align: left;
	
	padding: 0 12px 0 40px;

    z-index:19;

}

#in-back-akcni .item,
#in-akcni .item {clear: both; padding: 0 0 10px; width: 100%; overflow: hidden;}

#in-back-akcni a {color: #666;}

.inner {padding: 20px 0 0;}

#in-akcni

{

    width: 482px;

    /*top: 310px;
    left: 169px;*/

    margin: 0px;

    padding: 0px;

}


#back-akcni p

{

    color: Gray;

}



#contents-text

{
	position: relative;
	top: 205px;
	width: 482px;
	height: auto;
	background-color: white;
	text-align: justify;
	padding-left: 220px;
	padding-right: 196px;
	padding-bottom: 15px;
	padding-top: 250px;
	z-index: 1;

}



#contents-text p

{
	position: relative;
	width: 460px;
	height: auto;
	color: Gray;
	z-index: 1;
	top: 0px;
	left: 0px;
	line-height: 19px;
	text-align: left;

}

 

#contents-text p a

{

	color: Orange;

	text-decoration: underline;

}



#contents-text p a:hover

{

	color: Orange;

	text-decoration: none;

}



#contents-text p a img

{

    border:none;

}













#contents-text-rozsirene

{

	position: relative;

	top: 205px;

	width: 798px;

	height: auto;

	color: Gray;

	background-color: white;

	text-align: justify;

	padding-left: 50px;

	padding-right: 50px;

	padding-bottom: 15px;

	padding-top: 250px;

	z-index: 1;

}



#contents-text-rozsirene p

{

	position: relative;

	width: 300px;

	height: auto;

	color: Gray;

	text-align: justify;

	z-index: 4;

	top: 0px;

	left: 0px;

	line-height: 19px;

	padding-left: 20px;

}



#contents-text-rozsirene p a

{

	color: Orange;

	text-decoration: underline;

}



#contents-text-rozsirene p a:hover

{

	color: Orange;

	text-decoration: none;

}



#contents-text-rozsirene p a img

{

    border:none;

}







































h2

{

    position: relative;

    margin: 0px;

    padding: 0px;

}



#footer

{

    position: relative;

    top: 220px;

    width: 898px;

    height: 25px;

    margin-left: auto;

    margin-right: auto;

    padding: 0px;

    left: 0px;

    text-align: center;

    background-color: #0093dd;

    background-image: url("lista-kontakt.jpg");

    background-position: center center;

    background-repeat: no-repeat;

}



#footer p

{

    position: absolute;

    font-size: 7pt;

    color: white;

    font-family: arial, "Book Antiqua" , palatino, serif;

    margin: 0px;

    padding: 0px;

    position: absolute;

    left: 191px;

    top: 8px;

}



#footer-index

{

    position: relative;

    top: 970px;

    width: 898px;

    height: 25px;

    margin-left: auto;

    margin-right: auto;

    padding: 0px;

    left: 0px;

    text-align: center;

    background-color: #0093dd;

    background-image: url("lista-kontakt.jpg");

    background-position: center center;

    background-repeat: no-repeat;

}



#footer-index p

{

    position: absolute;

    font-size: 7pt;

    color: white;

    font-family: arial, "Book Antiqua" , palatino, serif;

    margin: 0px;

    padding: 0px;

    position: absolute;

    left: 191px;

    top: 8px;

}







/**

 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)

 * and adapted to me for use like a plugin from jQuery.

 * @name jquery-lightbox-0.5.css

 * @author Leandro Vieira Pinho - http://leandrovieira.com

 * @version 0.5

 * @date April 11, 2008

 * @category jQuery plugin

 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)

 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US

 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

 */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}