html {
	background-position:top;
	background-repeat:repeat-x;
	background-image:url(../images-layout/header-background.jpg);
	background-color: #221a1a;
}

body {
	margin:0;
	text-align:center;
	font-family:Calibri, Verdana Regular, Helvetica, sans-serif, Lucida Grande, Trebuchet MS;
	font-size:13px;
	line-height:1.5;
	color:#000;
	background-image:url(../images-layout/main-background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

#main {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* hlavicka webu ----------------------------------------------------------------------------------------------------- */
#hlavicka {
	width:980px;
	height:187px;
}

#hlavicka-logo {
	width:217px;
	height:180px;
	float:left;
	
}

#hlavicka-jazyky{
	width:733px;
	height:20px;
	float:left;
	text-align: right;
	padding: 30px 30px 0 0;
	color: #cfcfcf;
}

.hlavicka-jazyky-active {
	color: #cfcfcf;
}
.hlavicka-jazyky-nonactive {
	color: #6a6a6a;
}

.hlavicka-jazyky-active a {
	color: #cfcfcf;
}
.hlavicka-jazyky-nonactive a {
	color: #6a6a6a;
}

#hlavicka-menu {
	width:729px;
	height:115px;
	float:left;
	padding-top: 5px;
}


/* obsah webu --------------------------------------------------------------------------------------------------------- */
#obsah {
	width:980px;
	color:#b7b7b7;
}

#obsah-center {
	color: #fff;
}

.pusher {
	cursor: pointer;
	text-align: right;
}

.pusher:hover {
	text-decoration: underline;
}

.mover {
	background-color: #161111;
	border: 1px solid #140f0f;
	padding: 10px;
	color: #fff;
	margin-top: 5px;
}

.next-reference {
	width: 295px;
	float: left;
	margin: 10px;
}

.next-reference-nazev {
	font-size: 14px;
	font-weight: bold;
}

.next-reference-popis {
	color:#b7b7b7;
	font-size: 11px;
	margin-bottom: 5px;
}

.next-reference-link {}

#obsah-left {
	width:240px;
	height:521px;
	float:left;
	background-image:url(../images-layout/logo-bile.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
}

#obsah-stred {
	width:469px;
	height:auto;
	float:left;
	margin-left: 15px;
	margin-right: 15px;
}

#obsah-right {
	height:auto;
	width:240px;
	float:left;
}

#obsah-left-ref {
	height:720px;
	width:380px;
	float:left;
	margin-right: 20px;
	background-image:url(../images-layout/logo-bile2.jpg);
	background-position:top;
	background-repeat: no-repeat;
}

#obsah-left-ref ul {
	margin-left: 20px;
	list-style-type:disc;
	margin-top: 15px;
} 

#obsah-left-ref li {
	padding: 0px;
	margin:0px;
	float:none;
}

#obsah-right-ref {
	height:700px;
	width:580px;
	float:left;
}

/* paticka webu --------------------------------------------------------------------------------------------------------*/
#paticka-null {
	clear:both;
	width:100%;
}

#paticka {
	width:980px;
	height:157px;
	color:#dc3031;
	background-image:url(../images-layout/footer-background.jpg);
}

#paticka a {
	color:#fff;
}

#paticka-left {
	float:left;
	margin-top: 50px;
	margin-left: 10px;
}

#paticka-right {
	float:right;
	margin-top: 44px;
	margin-right: 10px;
}

.paticka-menu {
	width: 980px;
	height: 70px;
	padding-top: 0px;
}

/* vypis 3 hlavnich produktu na home page -----------------------------------------------------------------------------*/
.menu-home {
	margin: 20px 0 15px 0;
	width: 234px;
	float:left;
}

.menu-home-ikona {
	width: 33px;
	height: 33px;
	float:left;
}

.menu-home-nazev {
	width: 195px;
	height: 33px;
	float:left;
	font-size: 18px;
	font-weight: bold;
	line-height: 0.9;
	padding-left: 5px;
	margin-bottom: 10px;
}

.menu-home-text {
	padding-right: 15px;
}

/* aktuality --------------------------------------------------------------------------------------------------------*/

.aktuality {
	width: 240px;
	height: 359px;
}

.aktuality p {
	margin: 0px;
	padding: 0px;
}

.aktuality-datum {
	width: 240px;
	height: 20px;
	color: #514949;
}

.aktuality-nazev {
	width: 240px;
	height: auto;
	font-weight: bold;
}

.aktuality-nadpis-vypis p, h2 {
	margin: 0px;
	padding: 0px;
} 

.aktuality-text {
	margin-bottom: 15px;
} 

.aktuality-text-vypis p {
	margin: 0 0 10px 0;
	padding: 0px;
} 

.aktuality-datum-vypis {
	color: #514949;
	margin-top: 10px;
}

.aktuality-datum-zobraz {
	color: #514949;
}

/* drobeckova nevigace home page -----------------------------------------------------------------------------------------*/
.drobnavstred {
	width: 467px;
	height: 25px;
	background-color: #161111;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #140f0f;
	font-weight: bold;
}

.drobnavstred a {
	color: #b7b7b7;
}

.drobnavleft {
	width: 238px;
	height: 25px;
	background-color: #161111;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #140f0f;
	font-weight: bold;
}

.drobnavright {
	width: 238px;
	height: 25px;
	background-color: #161111;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #140f0f;
	font-weight: bold;
}

.drobnavleft-ref {
	width: 380px;
	height: 25px;
	background-color: #161111;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #140f0f;
	font-weight: bold;
}

.drobnavright-ref {
	width: 577px;
	height: 25px;
	background-color: #161111;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #140f0f;
	font-weight: bold;
}

.drobnavlefttitle { margin: 2px 10px;}
.drobnavstredtitle {margin: 2px 10px;}
.drobnavrighttitle {margin: 2px 10px;}


/* strankovani webu ----------------------------------------------------------------------------------------*/
.strankovani-left {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #b7b7b7;
}

.strankovani-right {
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #b7b7b7;
}

/* jednotliva nastaveni webu ----------------------------------------------------------------------------------------*/
.clear {
	clear:both;
	overflow:hidden;
}

h1 {
	margin:0 0 5px 0;
	padding:0;
	font-size:24px;
	color: #fff;
}

h2 {
	margin-top: 10px;
	font-size:20px;
	color: #fff;
	height: 15px;
	font-weight: normal;
}

h3 {
	margin-top: 10px;
	font-size:16px;
	color: #fff;
	height: 10px;
	font-weight: normal;
}

h2.blog {
	height: 25px;
	margin: 0px;
	padding: 0px;
	font-size:18px;
	color: #fff;
}

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

a:hover {
	color: #fff;
	text-decoration: underline;
}

.button-zobraz {
	background-color: #161111;
	border: 1px solid #140f0f;
	color: #fff;
	padding: 2px 6px 4px 6px;
	font-size: 12px;
	cursor: pointer;
}

.button-zpet {
	background-color: #161111;
	border: 1px solid #140f0f;
	color: #fff;
	padding: 2px 6px 4px 6px;
	font-size: 12px;
	cursor: pointer;
}

/* seznam referenci ---------------------------------------------------------------------------------------------------- */
.reference-seznam {
	width: 467px;
	height: 125px;
	background-color: #161111;
	border: 1px solid #140f0f;
	margin-bottom: 10px;
}

.reference-seznam:hover {
	width: 467px;
	height: 125px;
	background-image:url(../images-layout/bg.jpg);
	border: 1px solid #140f0f;
	margin-bottom: 10px;
}

.reference-seznam-vlevo {
	width: 120px;
	height: 105px;
	float: left;
	margin: 10px;
}
.reference-seznam-vpravo {
	width: 315px;
	height: 120px;
	float: left;
	margin: 20 20 10 10px;
}

/* KOMPONENTY ---------------------------------------------------------------------------------------------------------*/


/* hlavni menu nahore ------------------------------------------------------------------------------------------------*/
       .lavaLampBottomStyle {
            position: relative;
            height: 75px;
            padding: 15px 0 15px 15px;
            margin: 10px 0 0 20px;
            overflow: hidden;
			width: 733px;
        }
                .lavaLampBottomStyle li {                  
                    float: left;
                    list-style: none;
                    margin-right: 10px;
                    border-top: 1px solid #3b3333;
                }
				
				.lavaLampBottomStyle li.menu {                  
                    float: left;
                    list-style: none;
                    margin-right: 10px;
                }
				
                    .lavaLampBottomStyle li.back {
                        border-top: 1px solid #fff;
                        width: 9px;
                        height: 91px;
                        z-index: 8;
                        position: absolute; 
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 13px calibri;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: left;
                        top: 27px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }  
						
/* menu dole v paticce -------------------------------------------------------------------------------------------------*/					
		.lavaLampBottomStyle2 {
            position: relative;
            height: 95px;
            padding: 22px 0 15px 0;
            margin: 10px 0 0 0;
            overflow: hidden;
			width: 733px;            
        }
                .lavaLampBottomStyle2 li {                  
                    float: left;
                    list-style: none;
                    margin-right: 10px;
                    
                }
				
				.lavaLampBottomStyle2 li.menu {                  
                    float: left;
                    list-style: none;
                    margin-right: 10px;
                }
				
                    .lavaLampBottomStyle2 li.back {
                        border-top: 1px solid #fff;
                        width: 9px;
                        height: 91px;
                        z-index: 8;
                        position: absolute; 
                    }
                    .lavaLampBottomStyle2 li a {
                        font: 13px calibri;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: left;
                        top: 27px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 50px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle2 li a:hover, .lavaLampBottomStyle2 li a:active, .lavaLampBottomStyle2 li a:visited {
                            border: none;
                        }  		
						
/* stredovy posuvny interaktivni panel --------------------------------------------------------------------------------*/
	.panel h2.title { margin-bottom: 10px; font-size: 18px; font-weight: bold;}
    noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

	.coda-slider-wrapper { width: 449px; border: 10px solid #161111; background-color: #161111; color: #fff;}
	.coda-slider { width: 449px;}
	
	.coda-slider-no-js .coda-slider { height: 250px; overflow: auto !important; padding-right: 20px }
	
	.coda-slider, .coda-slider .panel { width: 449px; height: 309px; } 
	
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 520px;  }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	.coda-nav-left a, .coda-nav-right a { background: #161111; color: #fff; padding: 5px; width: 100px }
	
	.coda-nav ul li a.current {color: #fff;}
	
	.coda-slider .panel-wrapper1 { padding: 183px 20px 40px 20px; background-image:url(../images-layout/world1.jpg); height: 309px;}
	.coda-slider .panel-wrapper2 { padding: 65px 20px 40px 20px; background-image:url(../images-layout/world2.jpg); height: 309px;}
	.coda-slider .panel-wrapper3 { padding: 79px 20px 40px 20px; background-image:url(../images-layout/world3.jpg); height: 309px;}
	.coda-slider .panel-wrapper4 { padding: 110px 20px 40px 20px; background-image:url(../images-layout/world4.jpg); height: 309px;}
	
	.coda-slider p.loading { padding: 20px; text-align: center }

	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	.coda-slider .panel-wrapper2 li { margin-bottom: 20px;}
	.coda-nav ul li { display: inline;}
	.coda-nav ul li a { background: #161111; color: #979595; display: block; float: left; margin-right: 1px; padding: 10px 5px 0 5px; text-decoration: none;}
	.coda-nav ul li a:hover { background: #161111; color: #979595; display: block; float: left; margin-right: 1px; padding: 10px 5px 0 5px; text-decoration: underline;}
	
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	

/* reference na hlavni strane vlevo -------------------------------------------------------------------------------*/ 

#slider {
	position:relative;
	
	background:url(../images-layout/loading2.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; 
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px 15px 15px 15px;
	margin:0;
	background-color: #161111;
}

.nivo-directionNav a {
	width:30px;
	height:30px;
	position:absolute;
	top:35%;
	z-index:99;
	cursor:pointer;
	background: url(../images-layout/arrows.png);
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivo-controlNav {
	position:absolute;
	
	bottom:-20px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images-layout/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

#slider a{
	display:block;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

li {
	padding: 0px;
	margin:0px;
	float: left;
} 

#content ul {
	margin-left: 40px;
	list-style-type:disc;
}

#content li {
	float: none;
} 

#content {
	margin-bottom: 20px;
}

.facebook {
	border: 0px;
}