html{
  min-height: 100%;
}
html, body, form, li, ul, input, p, h1, h2, h3, h4, h5, hr{
	margin:0; padding:0;
}
img{ border:none;}
body{
	text-align:center;
	background-image:url(imgs/bottom-bg.jpg); background-repeat:repeat-x; background-position:0 bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#bottom-bg{
	background-image:url(imgs/top-bg.jpg); background-repeat:repeat-x;
	padding-bottom:68px;
}
.center{
	margin:auto;
	width:900px;
	text-align:left;
}

#main-menu{
	height:132px;
	position:relative;
}

#main-menu ul{
	border:1px solid #d4ecff;
	border-bottom:none;
	position:absolute;
	right:-12px;
	bottom:0;
	background-image:url(imgs/main-menu-bg.gif); background-repeat:repeat-x;
}
#main-menu li{
	float:left;
	list-style:none;
	text-align:center;
	padding-right:1px;
	background-image:url(imgs/main-menu-oddelovac.gif); background-position:right; background-repeat:no-repeat;
}
#main-menu li:last-child{ background-image:none;}
#main-menu li a{
	display:block;
	width:98px;
	line-height:20px;
	line-height:50px;
	font-weight:bold;
	color:#1f77bc;
	text-decoration:none;
}

#main-menu li.active a, #main-menu li a:hover{
	color:#f17e1d;
	text-decoration:underline;
	background-color:#FFF;
}

#main-menu .logo{
	position:absolute;
	display:block;
	background-image:url(imgs/ds-logo.png); background-repeat:no-repeat;
	width:208px; height:70px;
	top:30px;
	margin-left:20px;
}

.mm_left{ background-image:url(imgs/main-menu-bg-left.gif) !important; background-repeat:no-repeat; background-position:top right !important;}
.mm_right{ background-image:url(imgs/main-menu-bg-right.gif) !important; background-repeat:no-repeat; background-position:top left !important;}
.mm_right a:hover{ background-image:url(imgs/main-menu-oddelovac.gif); background-position:right; background-repeat:no-repeat;}
#center{
	background-color:#FFF;
	padding:11px;
}

#foother{
	border:1px solid #ddefff;
	background-image:url(imgs/foother-bg.jpg); background-repeat:repeat-x;
	height:78px;
	clear:both;
	position:relative;
}
#foother .logo{
	position:absolute; left:30px; top:14px;
}
#foother .right{
	position:absolute;
	left:402px;
	top:19px;
	line-height:1.8em;
	color:#0d5a97;
	font-weight:bold;
}
#foother .right a{ color:#0d5a97; padding:0 .5em 0 .5em; }
#foother .right a:hover{ color:#f17e1d; }
#foother .right strong{ color:#000; padding-left:.5em; }

#sub-menu {width: 900px;}
#sub-menu-1{ background-image:url(imgs/sub-menu-1.jpg); background-position:bottom; background-repeat:no-repeat; width:299px; height:181px; float:left; position:relative; margin-bottom:10px;}
#sub-menu-2{ background-image:url(imgs/sub-menu-2.jpg); background-position:bottom; background-repeat:no-repeat; width:299px; height:181px; float:left; position:relative;}
#sub-menu-3{ background-image:url(imgs/sub-menu-3.jpg); background-position:bottom; background-repeat:no-repeat; width:300px; height:181px; float:left; position:relative;}

#sub-menu .submenu-h2{ font-size:26px; font-weight:bold; margin:5px 0 0 20px; padding-top:7px;}
#sub-menu .orange{ color:#f98c32;}
#sub-menu .blue{ color:#2d8bd4;}
#sub-menu .green{ color:#a8e604;}

.submenu-wide .orange{ color:#f98c32;}
.submenu-wide .blue{ color:#2d8bd4;}
.submenu-wide .green{ color:#a8e604;}
.submenu-wide h2{ font-weight:bold !important;}

#sub-menu ul{
	list-style:none;
	position:absolute;
	left:20px;
	top:44px;
	line-height:1.8em;
}
#sub-menu a{
	color:#3e3833;
	font-weight:bold;
}
#sub-menu a:hover{
	color:#f17e1d;
}


#content{ clear:both; padding:0px 0 20px 0;width: 900px;}
#left{ float:left; width:600px; padding-bottom:20px; line-height:1.6em;overflow:hidden;}
#right{ float:right; width:280px; padding-bottom:20px; margin-left:15px;overflow:hidden;}


#left ul{ font-weight:bold; padding:.5em;}
#left a{ color:#1f77bc;}
#left .box{
	padding:0 1.5em 0 1.6em;
}

#right h4{ color:#1f77bc; padding-bottom:.3em; } 
#right a{ color:#f17e1d; font-weight:bold; }
#right p{line-height:1.4em; margin-top:.2em;}
#right .big div{ margin-top:.5em;}
#right .big{background-color:#FFF6EF; margin-bottom:.8em;}
#right .big a img{width:273px; margin:5px;}

#right .small{ clear:both; padding-top:1em; background-color:#FFF6EF;}
/* #right .small img{ width:135px; float:left; margin-right:10px; } */
#right .small .img{ width:135px; float:left; margin-right:10px; }
#right .small p{ float:left; width:125px; }
#right  h4{ padding:3px 0 3px 6px;}
#right  h4 a{ color:#063; color:#1f77bc; text-decoration:none;}

#content li{
	margin-left:1.8em;
}
#left li{
	list-style:url(imgs/orange-dot.gif);
}


h2{
	font-size:18px;
	font-weight:normal;
	padding:.5em 0 .5em 0;
}


hr{
	background-image:url("/imgs/hr.jpg"); 
    background-repeat:no-repeat; 
    background-position:center;
	height:1px;
	border:none;
	padding:17px 0 8px 0;
	clear:both;
}


.aktualitka{
	width:48%;
	float:left;
	margin:0 1% 0 1%;
}
.aktualitka h4{ font-size:12px;}
.aktualitka h4 span{ color:#f17e1d;}
.aktualitka a{ color:#1f77bc; font-weight:bold; background-image:url(imgs/orange-dot.gif); background-repeat:no-repeat; background-position:center left; padding-left:15px;}

#right img{
	border:1px solid #ffdbbc;
}


.kontakt{ line-height:2.5em; padding:0 .8em .8em 0; position:relative;}
.kontakt span{ position:absolute; left:18ex;}
.kontakt a{ color:#f17e1d !important;}



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


h1{
	padding:.5em 0 .5em 0;
	font-size:33px;
	font-weight:bold;
	color:#2d8bd4;
}

#rightNav{ margin-bottom:1.6em;width:280px;}
#rightNav li{ list-style:none; margin:0;}
#rightNav a{ background-image:url(imgs/rightNav_bg_green.jpg); background-position:top; background-repeat:repeat-x; display:block; width:280px; height:44px; line-height:44px; padding:0 15px 0 15px; color:#FFF;}
#rightNav a.m{ background-image:url(imgs/rightNav_bg.jpg);}
#rightNav a.o{ background-image:url(imgs/rightNav_bg_orange.jpg);}
#rightNav a:hover, #rightNav li.current a{background-position:bottom; color:#f17e1d;}

#right .textBox{ background-color:#fffbc4; border:1px solid #f0f0d5; padding:1.3em; line-height:1.6em;}

#left .bold{ font-weight:bold;}

#left .submenu-wide{ background-image:url(imgs/sub-menu-bg.jpg); background-repeat:repeat-x; background-position:left bottom; /* height:180px;*/ border:1px solid #d5ecfe; position:relative; margin-top:1em; padding-bottom:8px;}
#left .submenu-wide.h{ height:180px;}
#left .submenu-wide h2{ font-size:18px; font-weight:normal; margin:1.1em 0 .3em 1.3em; padding:0;}
#left .submenu-wide h3{ font-size:1em; display:inline;}
#left .submenu-wide ul{ color:#3e3833; margin:0 .2em 0 1.9em; position:relative; z-index:9; }
#left .submenu-wide li{ list-style:none; display:inline; padding:0; margin:0;}
#left .submenu-wide li a{ padding:0 .4em 0 .4em; color:#3e3833;}
#left .submenu-wide li a:hover{ color:#f17e1d; }
#left .submenu-wide p{ margin:0 0 0 2.8em; padding-right:120px;}
#left .submenu-wide img{ position:absolute; bottom:0; right:0; z-index:0;}








#kontakt-form label{ font-weight:bold; line-height:2.2em;}
#kontakt-form .orange{ color:#f88c32;}
#kontakt-form textarea{
	width:90%; height:90px;
	padding:5px;
	background-color:#fafdff;
	border:1px solid #8bcbfe;
}
#kontakt-form  input{
	width:80%;
	background-color:#fafdff;
	border:1px solid #8bcbfe;
	padding:5px;
}
#kontakt-form  .submit{
	background-color:#68aee8;
	width:94px; height:34px;
	color:#FFF;
	float:right;
	margin-right:8%;
	background-color:transparent; background-image:url(imgs/odeslat-btn-bg.jpg); background-repeat:repeat-x;
	font-weight:bold;
}


#quickKontakt{
	background-image:url(imgs/sub-menu-bg.jpg); background-repeat:repeat-x; background-position:bottom;
	border:1px solid #d5ecfe;
	padding:1.3em;
	line-height:1.7em;
	position:relative;
}
#quickKontakt h2{ padding:0;}
.adresa-txt{ display:block; color:#f88c32; font-size:18px; font-weight:normal; padding:0 0 .5em .6em;}
.icdic{
	position:absolute;
	left:6ex;
}







.blueDotList, .blueDotList li{
	list-style:url(imgs/blue-dot.gif);
	font-weight:bold;
}


#album{ position:relative; left:-4%; width:108%;}
#album .ref{ float:left; text-align:center; padding:15px 24px 15px 24px; min-width:150px; text-align:center; overflow-x:hidden;}
#album .ref img{
	border:1px solid #ffddc0;
}
#album .ref a{ font-weight:bold; color:#f17e1d;}
#album .ref .tit{ width:150px; display:block;}

.paginator{ font-size:12px; line-height:23px; font-weight:bold; text-align:center; position:relative;}
.paginator a{ padding:4px 8px 4px 8px;}
.paginator .prev{ color:#f17e1d !important; background-image:url(imgs/pagination-left.jpg); background-position:center left; background-repeat:no-repeat; padding-left:35px; position:absolute; left:1em; top:-4px;}
.paginator a.btn{ background-image:url(imgs/pagination-btn.jpg); background-repeat:repeat-x; color:#FFF !important; text-decoration:none;}
.paginator a.btn:hover, .paginator a.active{ background-position:bottom; color:#f17e1d  !important;}
.paginator .next{color:#f17e1d !important; background-image:url(imgs/pagination-right.jpg); background-position:center right; background-repeat:no-repeat; padding-right:35px; position:absolute; right:1.5em; top:-4px;}


.submenu-wide .fajfka{ position:absolute; left:2em; top:2.5em;}
.bluebox{
	padding:1em 1em 1em 6em;
}



#ref-detail-album{}
#ref-detail-album img{
	float:left;
	border:1px solid #ffddc0;
	margin:2px 2px 6px 1px;
}

.refDetail .info{ margin-left:310px;}
.refDetail .big{border:1px solid #ffddc0; margin-right:15px;}
.refDetail img{ float:left;}
.refDetail .desc{ clear:both; padding-top:2em;}

.refDetail .info .head{ background-image:url(imgs/hr-reference.jpg); background-repeat:no-repeat; background-position:bottom left; margin-bottom:1em;}
.refDetail .info .www{ color:#f17e1d  !important; font-size:16px; font-weight:bold; display:block; padding:0 0 .5em 0;}
.openPres{ background-image:url(imgs/pagination-btn.jpg); display:block; height:23px; width:160px; line-height:23px; background-position:top; text-align:center; color:#FFF !important; font-weight:bold; text-decoration:none;}
.openPresDis{ background-color:#CCC; display:block; height:23px; width:160px; line-height:23px; background-position:top; text-align:center; color:#FFF !important; font-weight:bold; text-decoration:none; background-image:url(imgs/disabled.jpg);}
.openPres:hover{ background-position:bottom; color:#f17e1d  !important;}


.drobky{ color:#1f77bc; font-weight:bold; margin-top:11px;}
.drobky .drobek{ background-image:url(imgs/drobky-sipka.gif); background-repeat:no-repeat; background-position:center left; padding-left:8px; margin-left:4px;}



/* NEW */
#lang{ position:absolute; right:6px; top:6px;}
#lang a{ color:#1f77bc; font-weight:bold; text-decoration:none; position:relative; padding-left:20px;}
#lang .active{ color:#999; font-weight:normal;}
#lang a span{ display:block; position:absolute; font-size:1px; line-height:1px; width:16px; height:11px; background-image:url(imgs/vlajecky.jpg); background-repeat:no-repeat; top:2px; left:0; }
#lang a span.cz{ background-position:top left;}
#lang a span.en{ background-position:top right;}
#lang a.active span.cz{ background-position:bottom left;}
#lang a.active span.en{ background-position:bottom right;}


#right .small{ margin-bottom:4px;  padding:5px;}
.refcl{ clear:both; margin-bottom:6px;}