/* layout pardubice.eu */

body {
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:100%;
	text-align:center;
	background:#ffffff url("/static/css/img/background.jpg") no-repeat top center;
	padding:0;
	margin:0;
	color:#000000;
}

/* hlavicka */
#layout {
	margin:0 auto;
	width:960px;
	text-align:left;
}

#pozadi {
	float:left;
	margin:0;
	padding:0;
}

#logo {
	margin-bottom: 41px;
}
#logo h1 {
	margin:0;
	padding:0;
}

#logo a {
	display:block;
	width:960px;
	height:105px;
	position:relative;
	overflow:hidden;
	color:#000000;
}
#logo a:visited {
	border:0 !important;
}
#logo span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:960px;
	height:105px;
	margin:0;
	padding:0;
	background:#ffffff url("/static/css/img/headline.jpg") no-repeat;
}

a.naobsah {
   position:absolute;
	 margin:30px;
   z-index:0;
   padding:0.3em 0.6em;
	 border-bottom:0 !important;
	 color:#d8d8d8 !important;
}
a.naobsah:focus, a.naobsah:active {
   z-index:2;
   background:#ffffff;
	 color:#000000 !important;
}


/* Top right - vyhledavani a odkazy */
#topright { 
	position:absolute; 
	margin:0 0 0 650px;
	padding:0;
	width:280px;
	top:25px;		
	z-index:3;
	color:#ffffff;
	font-size:80%;
}

/* odkazy */
#topright p { float:right; margin:0 0 10px 0; }
#topright a { float:right; color:#ffffff; text-decoration:underline; }
#topright a:hover { text-decoration:none; }
#topright a.aktiv { background:#b8c7d4; }

/* hledani - vrchni */
#topright form { float:right; margin:0; }
#topright form input.text { float:left; margin:0; padding:0; width:190px; height:26px; border:1px solid #999999; font-size:110%; color:#999999; }
#topright form input.submit { float:left; display:block; margin:0 0 0 6px; padding:5px 10px; width:70px; height:28px; font-size:110%; font-weight:bold; background:#b6b6b6; border:0px; color:#ffffff; }
#topright form input.submit:hover { float:left; display:block; margin:0 0 0 6px; padding:5px 10px; width:70px; height:28px; font-size:110%; font-weight:bold; background:#9b1500; border:0px; color:#ffffff; }



/* menu */    
#menu-mat { margin:0; padding:0; }

#menu { 
	float:left;
        margin:0;
	padding:0;
	font-size:110%; 
	width:960px;
	height:50px;
	top:105px;
	z-index:2;
	border-bottom:0 !important;
	background:#9b1500;
	position: absolute;
	}

#menu > ul {
	height: 50px;
}

#menu > ul { width:933px; margin:0; padding:0; list-style:none; }
#menu > ul > li { margin:0; padding: 9px 0 0 0; list-style:none; float:left; border-left:1px solid #d7a199; height: 41px;}
#menu > ul > li.first-child { margin-left:0; border-left:0 none; }
#menu > ul > li > a { display:block; background:#9b1500; padding:5px 5px 13px 5px; margin:0 15px 0 15px; color:#ffffff; text-decoration:none; float:left; }
#menu > ul > li > a:hover, #menu ul > li.selected > a { background:#f8eeed; color:#000000; }

#menu > ul > li > a {
	padding-top: 8px;
	height: 23px;
	background-color: transparent;
}

#menu ul > li > a:hover, #menu ul > li.selected > a {background:#f8eeed; color:#000000;}

#menu ul > li.selected a {background:#f8eeed; color:#000000;} /* 1. nastavime aktualni vybrany */
#menu ul:hover > li > a {background-color: transparent; color: #ffffff;} /* 2a. pro hover menu vse odnastavime */
#menu ul > li:hover > a {background:#f8eeed; color:#000000;} /* 2b. a nastavime aktualni prohlizeny */


/* uprava pro zive nahledy */

#menu ul li {
	position: static;
}
#menu ul li .livepreviewBox {
	display:none;
	position:absolute;
	top:50px;
	left:0;
	background:#f8eeed url("/static/css/img/livemenu-line.png") no-repeat 0 102%;
	width:920px; /* 960 - padding */
	height:276px;
	color:#000000;
	padding:0 20px;
	display: block;
	overflow: hidden;

	opacity: 0;
	height: 0;

	-moz-transition-property: opacity , height ;
	-moz-transition-duration: 0.20s   , 0.50s ;
	-moz-transition-delay:    0.20s   , 0.20s ;

	-o-transition-property: opacity , height ;
	-o-transition-duration: 0.20s   , 0.50s ;
	-o-transition-delay:    0.20s   , 0.20s ;

	-webkit-transition-property: opacity , height ;
	-webkit-transition-duration: 0.20s   , 0.50s ;
	-webkit-transition-delay:    0.20s   , 0.20s ;

	-ms-transition-property: opacity , height ;
	-ms-transition-duration: 0.20s   , 0.50s ;
	-ms-transition-delay:    0.20s   , 0.20s ;

}

#menu ul li:hover .livepreviewBox {
	-moz-transition-property: opacity , height ;
	-moz-transition-duration: 0.75s   , 1.00s  ;
	-moz-transition-delay:    0.20s   , 0.20s ;

	-o-transition-property: opacity , height ;
	-o-transition-duration: 0.75s   , 1.00s  ;
	-o-transition-delay:    0.20s   , 0.20s ;

	-webkit-transition-property: opacity , height ;
	-webkit-transition-duration: 0.75s   , 1.00s  ;
	-webkit-transition-delay:    0.20s   , 0.20s ;

	-ms-transition-property: opacity , height ;
	-ms-transition-duration: 0.75s   , 1.00s  ;
	-ms-transition-delay:    0.20s   , 0.20s ;

	opacity: 1;
	height: 276px; 
	visibility: visible;
}

#menu ul li:hover .livepreviewBox {
	display: block; 
}

#menu ul li .livepreviewBox .livemenu-ul { margin:0; padding:5px 0; list-style:none; }
#menu ul li .livepreviewBox .livemenu-li { float:left; width:100%; margin:0; padding:0 0 3px 0; list-style:none; border-left:0; font-size:80%; line-height:1.5em; }
#menu ul li .livepreviewBox .livemenu-a { background-color:transparent; padding:0; margin:0; color:#9b1500; text-decoration:underline; font-size:100%; }
#menu ul li .livepreviewBox .livemenu-a:hover { text-decoration:none; }
#menu ul li .livepreviewBox .livemenu-a:visited { color:#a46c64; }

#menu ul li .livepreviewBox .livemenu-a-out { background:url("/static/css/img/sipka-red.png") no-repeat 100% 0; padding:0 17px 0 0; margin:0; color:#9b1500; text-decoration:underline; font-size:100%; }
#menu ul li .livepreviewBox .livemenu-a-out:hover { text-decoration:none; }
#menu ul li .livepreviewBox .livemenu-a-out:visited { background:url("/static/css/img/sipka-red-visited.png") no-repeat 100% 0; padding:0 17px 0 0; margin:0; color:#a46c64; }

#menu ul li .livepreviewBox .livemenu-h3 { padding:0 0 10px 0; margin:0; font-weight:normal; font-size:110%; color:#6a6a6a; }
#menu ul li .livepreviewBox .livemenu-p { padding:5px 0 0 0; margin:0; font-size:80%; color:#000000; line-height:1.3em; }
#menu ul li .livepreviewBox .livemenu-p-seznam { padding:0; margin:0; font-size:80%; color:#000000; line-height:1.6em; }
#menu ul li .livepreviewBox .livemenu-small { font-size:80%; color:#000000; }

#menu ul li .livepreviewBox .livemenu-projekty {
	float:left;
	width:140px;
	height:70px;
	margin:0 10px 10px 0;
	padding:10px 0;
	text-align:left;
	font-size: 80%;
}

#menu ul li .livepreviewBox .livemenu-projekty-img { border:0; padding:0 0 5px 0; }
#menu ul li .livepreviewBox .livemenu-projekty-p { font-size:90%; }

#hlavni-sloupec img { border:0px; }



/* submenu */     
#menu-sub-mat { margin:0; padding:0; }
#menu-sub { 
	float:right; 
	margin:0 0 20px 0;
	padding:0;
	font-size:100%; 
	width:250px;
	background:#d9dddf;
	z-index:2;
	border-bottom:0 !important;
	
	}

#menu-sub h3 { margin:0; font-size:110%; padding:20px 10px 0 10px; }
#menu-sub h3 a { display:block; text-decoration:underline; font-weight:normal; color:#000000; background:#d9dddf; }
#menu-sub h3 a:hover { text-decoration:none; background:#c1c1c1; }

#menu-sub strong { background:#c1c1c1; }

#menu-sub ul { margin:0; padding:10px; list-style:none; line-height:2.0em; font-size:90%; }
#menu-sub ul li { margin:0; padding:0; display:inline; }
#menu-sub ul li a { display:block; border-bottom:1px solid #c1c1c1; color:#000000; text-decoration:none; }
#menu-sub ul li a:hover { text-decoration:none; background:#c1c1c1; }


/* drobeckova navigace */ 
#drob-menu-mat { float:left; margin:0; padding:0; width:710px; background:#f8eeed; }
#drob-menu { padding:20px 12px 12px 12px; float:left; font-size:75%; font-weight:bold; color:#000000; }
#drob-menu a { color:#000000; text-decoration:underline; }
#drob-menu a:hover { text-decoration:none; }
#drob-menu a.aktiv { background:#fed190; }


/* obsah */

#obsah {
	float:left;
	margin:0;
	text-align:left;
  width:960px;
  background: #ffffff url("/static/css/img/content-background.jpg") 0 -50px no-repeat;
}

/* homepage */
#homepage-left {
	float:left;
	margin:0;
	padding:20px 30px 30px 30px;
	text-align:left;
	width:600px;
}

#homepage-left h1 { float:left; width:600px; font-size:160%; color:#6a6a6a; font-weight:normal; padding:20px 0 20px 0; margin:0; }
#homepage-left h2 { font-size:110%; color:#6a6a6a; font-weight:bold; padding:0; margin:30px 0 10px 0; }

#homepage-left p { font-size:100%; line-height:1.4em; padding:0 0 15px 0; margin:0; }
#homepage-left p.small { font-size:80%; }

#homepage-left a { color:#9b1500; text-decoration:underline; }
#homepage-left a:hover { text-decoration:none; }
#homepage-left a:visited { color:#a46c64; }

#homepage-left img { border:0px; }

#homepage-left ul { padding:15px; margin:0; }
#homepage-left ul li { padding:0 0 0 5px; margin:0 0 0 10px; }

                    
/* hlavni sloupec */
#hlavni-sloupec {
	float:left;
	margin:0;
	padding:20px 30px 30px 30px;
	text-align:left;
	width:650px;
}

#hlavni-sloupec h1 { float:left; width:650px; font-size:160%; color:#6a6a6a; font-weight:normal; padding:20px 0 20px 0; margin:0; }
#hlavni-sloupec h2 { font-size:130%; color:#6a6a6a; font-weight:normal; padding:0; margin:20px 0 10px 0; }
#hlavni-sloupec h3 { font-size:110%; color:#6a6a6a; font-weight:normal; padding:0; margin:20px 0 10px 0; }
#hlavni-sloupec h4 { font-size:100%; color:#6a6a6a; font-weight:bold; padding:0; margin:20px 0 10px 0; }

#hlavni-sloupec p { font-size:100%; line-height:1.4em; padding:0 0 15px 0; margin:0; }
#hlavni-sloupec p.small { font-size:80%; }

#hlavni-sloupec a { color:#9b1500; text-decoration:underline; }
#hlavni-sloupec a:hover { text-decoration:none; }
#hlavni-sloupec a:visited { color:#a46c64; }

#hlavni-sloupec img { border:0px; }

#hlavni-sloupec table { font-size:75%; width:100%; padding:0 0 15px 0; margin:0; }
#hlavni-sloupec table th { font-size:110%; color:#000000; background:#d9dddf; padding:5px; border-bottom:3px solid #c1c1c1; }
#hlavni-sloupec table td { padding:5px; border-bottom:1px solid #c1c1c1; }

#hlavni-sloupec table.grey { font-size:90%; width:100%; padding:0 0 15px 0; margin:0; }
#hlavni-sloupec table.grey th { font-size:110%; color:#000000; background:#d9dddf; padding:5px; border-bottom:0; }
#hlavni-sloupec table.grey td { padding:5px; border-bottom:0; }

#hlavni-sloupec form { float:left; width:600px; padding:0 0 15px 0; margin:0; }

#hlavni-sloupec ul { padding:15px; margin:0; }
#hlavni-sloupec ul li { padding:0 0 0 5px; margin:0 0 0 10px; }

#hlavni-sloupec ul.grey { padding:10px 0 10px 0; margin:0; }
#hlavni-sloupec li.grey { padding:0 0 5px 0; list-style:none; }
#hlavni-sloupec li.grey-static { padding:15px 0 0 0; margin:0 0 10px 0; list-style:none; }

#hlavni-sloupec .left { float:left; width:320px; }

/* hlavni sloupec - pod home */

/* Prave ted */
#praveted { float:left; width:590px; margin:10px 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#praveted p { color:#000000; padding:0; margin:0; line-height:1.35em; }
#praveted a { color:#9b1500; padding:0; margin:0 0 2px 0; }
#praveted a:hover { padding:0; margin:0 0 2px 0; text-decoration:none; }
#praveted a:visited { color:#a46c64; }

/* Hlavni zpravy */
#otvirak { float:left; margin:10px 0 0 0; padding:0; }
#otvirak h2 { float:left; width:370px; font-size:120%; padding:0; margin:0 0 5px 0; }
#otvirak h2 a { color:#9b1500; padding:0; margin:0 0 5px 0; }
#otvirak h2 a:hover { padding:0; margin:0 0 2px 0; text-decoration:none; }
#otvirak h2 a:visited { color:#a46c64; }
#otvirak p { float:left; font-size:90%; color:#000000; padding:0; margin:0; line-height:1.35em; }
#otvirak .strong { font-weight:bold; }

#otvirak .right  { width:370px; float:left; }
#otvirak .left  { width:220px; float:left; }
#otvirak img { width:200px; border:0; }

#podotvirak { float:left; width:580px; font-size:100%; padding:0; margin:10px 0 20px 0; line-height:1.5em; }
#podotvirak a { color:#9b1500; padding:0; margin:0 0 2px 0; }
#podotvirak a:hover { padding:0; margin:0 0 2px 0; text-decoration:none; }
#podotvirak a:visited { color:#a46c64; }

/* Strucne zpravy */
#strucne {
	float:left;
  width:285px;
	padding:0;
	margin:0;
	text-align:left;
	background:#e1e1e1;
}                 
#strucne h3 { float:left; width:240px; font-size:120%; color:#6a6a6a; padding:10px 15px; margin:0; }
#strucne a { color:#9b1500; padding:0; margin:0 0 2px 0; }
#strucne a:hover { padding:0; margin:0 0 2px 0; text-decoration:none; }
#strucne a:visited { color:#a46c64; }
#strucne p { float:left; font-size:75%; color:#000000; padding:0 15px 12px 15px; margin:0; line-height:1.35em; }
#strucne .strong { font-weight:bold; }
                                                                    
/* Dulezite informace */
#di {
	float:left;
  width:260px;
	padding:0;
	margin-left:40px;
	text-align:left;
	line-height:1.4em;
}                 
#di h3 { float:left; width:240px; font-size:120%; color:#6a6a6a; padding:0; margin:10px 15px 10px 0; }
#di a { color:#9b1500; font-size:80%; padding:0; margin:0 0 2px 0; }
#di a:hover { padding:0; margin:0 0 2px 0; text-decoration:none; }
#di a:visited { color:#a46c64; }




/* home pravá strana */

#home-right {
	float:right;
  width:260px;
	padding:25px 30px 0 0;
	margin:0px;
	text-align:left;
}

/* adept na IF IE - margin */
#home-right ul { padding:0; margin:0; list-style:none; font-size:80%; }
#home-right ul li a.in { height:100%; display:block; padding:10px; margin:0; background:url("/static/css/img/sipka-rhp.png") no-repeat 95% 50% #d9dddf; border-bottom:5px solid #c1c1c1; color:#000000; text-decoration:none; }
#home-right ul li a.in:hover { height:100%; display:block; padding:10px; margin:0; background:url("/static/css/img/sipka-rhp.png") no-repeat 95% 50% #c1c1c1; border-bottom:5px solid #c1c1c1; color:#000000; text-decoration:none; }
#home-right ul li a.out { height:100%; display:block; padding:10px; margin:0; background:url("/static/css/img/sipka-out-rhp.png") no-repeat 95% 50% #d9dddf; border-bottom:5px solid #c1c1c1; color:#000000; text-decoration:none; }
#home-right ul li a.out:hover { height:100%; display:block; padding:10px; margin:0; background:url("/static/css/img/sipka-out-rhp.png") no-repeat 95% 50% #c1c1c1; border-bottom:5px solid #c1c1c1; color:#000000; text-decoration:none; }

#home-right .big { font-size:120%; font-weight:bold; }
               

/* otazky - faq */

#blok-otazek { float:left; padding:0; margin:0; }

#obsah .faq-box { float:left; width:700px; padding:0; margin:0; }

#obsah .otazka { margin:10px; padding:10px; background:#afc4d0; font-size:75%; }
#obsah .odpoved { margin:10px; padding:10px; background:#d4dfe6; font-size:75%; }

#otazky-head {
	display:block;
	width:100%;
	z-index:2;		
	margin:0;
	padding:0 0 10px 0;
	background:#ffffff;
}

#otazky-left { float:left; width:500px; font-size:85%; padding:0; margin:0; }

#otazky-dotaz { background:url("/static/css/img/poslat-dotaz.gif") 0 100% no-repeat; float:left; padding:0; margin:20px 0 0 20px; width:181px; height:77px; }

#otazky-dotaz a {
	display:block;
	padding:0;
	width:181px;
	height:77px;
	position:relative;
	overflow:hidden;
}
#otazky-dotaz a:visited {
	border:0 !important;
}
#otazky-dotaz a span { display:none; }



/* paticka */

#paticka {
	text-align:left;
	float:left;
	width:960px;
	padding:0;
	margin:0;
	color:#ffffff;
	font-size:80%;
	background: #686868 url("/static/css/img/footer.jpg") no-repeat;
}

#paticka p { padding:0; margin:0; }
#paticka a { color:#ffffff; text-decoration:underline; }
#paticka a:hover { text-decoration:none; }
#paticka .left { float:left; padding:13px 0 20px 40px; margin:0; }
#paticka .line { line-height:1.6em; }
#paticka .first { padding:0; margin:0 0 20px 130px; }

/* ostatni */
.skryty {
	position:absolute;
	top:-10000px;
	left:0;
	overflow:hidden;
}

.hidden { display:none; }
.cleaner { clear:both; }
.mensi { font-size:80%; }

a.out-white { background:url("/static/css/img/sipka-white.png") no-repeat 100% 0; padding-right:17px; }
a.out-grey { background:url("/static/css/img/sipka-grey.png") no-repeat 100% 0; padding-right:17px; }
a.out-red { background:url("/static/css/img/sipka-red.png") no-repeat 100% 0; padding-right:17px; }
a:visited.out-red { background:url("/static/css/img/sipka-red-visited.png") no-repeat 100% 0; padding-right:17px; }

hr { height:3px; color:#d0d0d0; background-color:#d0d0d0; border:0px solid #d0d0d0; clear:both; }


.zpravodaj {
	float:left;
	overflow:auto;
	width:148px;
	height:185px;
	margin:20px 10px 10px 0;
	padding:10px 0;
	text-align:center;
	border:0;
	font-size:90%;
}


/* Video */
.video-item {
	float:left;
	width:200px;
	height:140px;
	margin:0 15px 15px 0;
	padding:10px 0;
	text-align:center;
	background:#e5e5e5;
	border-bottom:1px solid #b0b0b0;
	border-top:1px solid #b0b0b0;
	font-size: 80%;
	color:#000000;
}

.video-item img { border:none; padding:0 0 5px 0; }
.video-item p { font-size:90%; }

#video-frame {
  float:left;
  width:630px;
  height:385px;
  text-align:center;
  background:#e5e5e5;
  margin:10px 0 20px 0;
}

#video-parts {
  float:left;
  width:150px;
  text-align:left;
  margin:10px;
  font-size:80%;
}

#video-parts ul { padding:10px; margin:0; }
#video-parts li { list-style-type:none; padding:3px; }
#video-parts li.selected { list-style-type:none; font-size:100%; }


/* Projekty */
.projekty-item {
	float:left;
	width:200px;
	height:100px;
	margin:0 15px 15px 0;
	padding:10px 0;
	text-align:center;
	font-size: 80%;
	color:#000000;
}

.projekty-item img { border:0; padding:0 0 8px 0; }
.projekty-item p { font-size:90%; }


/* English - homepage */

#homepage-english {
	float:left;
	margin:0;
	padding:20px 30px 30px 30px;
	text-align:left;
	width:900px;
}

#homepage-english ul.eng { padding:0; margin:0; }
#homepage-english li.eng { padding:0 0 5px 0px; list-style-type:none; }
#homepage-english h2 { font-size:110%; color:#6a6a6a; font-weight:normal; padding:0; margin:20px 0 10px 0; }

#homepage-english a { color:#9b1500; text-decoration:underline; font-size:100%; }
#homepage-english a:hover { text-decoration:none; }
#homepage-english a:visited { color:#a46c64; }

.eng-secblock-home {
  float:left;
  width:260px;
  padding:0 10px 20px 0;
}


/* CSS pardubice.eu */