HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/benatky.cz/css
/srv/http/adent.cz/benatky.cz/css/
Current File : /srv/http/adent.cz/benatky.cz/css/layout.css-20130423
@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:  Arial, Helvetica, sans-serif; }

.cleaner { clear:both; font-size: 1px; }
.cleaner-left { clear:left; font-size: 1px; }
.cleaner-right { clear:right; font-size: 1px; }


#body_top {
    width: 100%;
    background: url(../img/pabe-bg-top.jpg) top repeat-x
}

#body_bottom {
    width: 100%;
    background: #f6f9fb url(../img/pabe-bg-bot.jpg) bottom repeat-x;
}

.page_wrap {
    width: 1001px;
    margin: 0 auto;
}



#top1 {
    position: relative;
    height: 103px;
}

#top2 {
    position: relative;
    height: 188px;
}

#flags {
    position: absolute;
    top: 7px;
    right: 0px;
}

#flags a {
    display: inline-block;
    width: 24px;
    height: 19px;
    margin: 0 2px;
}

.cz { background: url(../img/flags.png) 0 0px no-repeat; }
.de { background: url(../img/flags.png) -26px 0px no-repeat; }
.en { background: url(../img/flags.png) -52px 0px no-repeat; }

.cz-active { background: url(../img/flags.png) 0 -19px no-repeat; }
.de-active { background: url(../img/flags.png) -26px -19px no-repeat; }
.en-active { background: url(../img/flags.png) -52px -19px no-repeat; }

.cz :hover { background: url(../img/flags.png) 0 -19px no-repeat; }
.de :hover { background: url(../img/flags.png) -26px -19px no-repeat; }
.en :hover { background: url(../img/flags.png) -52px -19px no-repeat; }

#rss {
    position: absolute;
    top: 7px;
    right: 128px;


}

#rss a, #rss a:visited, #rss a:active, #rss a:hover {
    display: inline-block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 10px;
    color: #92a5b4;
    text-decoration: none
}

#rss a span {
    display: block;
    height: 17px;
    line-height: 17px;
    padding: 0 0 0 24px;
    background: url(../img/rss.png) left center no-repeat;
    cursor: pointer;
}

#slabozraci {
    position: absolute;
    top: 4px;
    left: 570px;
}

#slabozraci a {
    display: inline-block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-decoration: none;
}

#slabozraci a span {
    display: block;
    height: 30px;
    padding: 0 0 0 32px;
    background: url(../img/slabozraci.png) left center no-repeat;
    font-size: 18px;
    color: #6a7a87;
}

#home {
    position: absolute;
    top: 17px;
    left: 0;
    width: 340px;
    height: 72px;
    background: url(../img/benatky.png) top left no-repeat;
}

#menu1 {
    position: absolute;
    bottom: 8px;
    right: 0;
}

#menu1 ul {
    float: left;
    list-style: none;
}

#menu1 ul li {
    float: left;
    padding: 0 0 0 0;
    height: 33px;
}

#menu1 ul li.divider {
    width: 1px;
    font-size: 1px;
    background-color: #728397;
}

#menu1 ul li a {
    display: inline-block;
    height: 33px;
    padding: 0 0 0 0;
    text-decoration: none;
}

#menu1 ul li a span, #menu1 ul li a span.double {
    display: block;
    height: 33px;
    line-height: 33px;
    padding: 0 15px 0 15px;
    font-size: 12px;
    color: #728397;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

#menu1 ul li a span.double {
    line-height: 14px;
    padding: 3px 15px 0 15px;
}

#menu1 ul li a:hover span, #menu1 ul li a:hover span.double, #menu1 ul li a.active span, #menu1 ul li a.active span.double {
    color: #9d0000;
}

#menu3 {background:#c0cfda; padding-bottom:15px} 
.menu3-top {background: url(../img/menu3-top.gif) 0 0 no-repeat; height:42px; font-size:17px; padding:15px 0px 0px 20px; color:#FFF}

#menu3 ul li  {
    padding: 2px 0 0px 0;
    background-color: #c0cfda;
	list-style-type:none;
	
}

#menu3 ul li  a, #menu3 ul li  a.active {
    display: inline-block;
    padding: 0 0 0 25px;
    /*width: 230px;*/
    height: 20px;
    text-decoration: none;
    font-size: 13px;
	
}

#menu3 ul li a span, #menu3 ul li a.active span {
    display: block;
    padding: 0 0 0 10px;
    /*width: 202px;*/
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #000;
    background: url(../img/left-submenu.jpg) 0px 2px no-repeat;
}

#menu3 ul li  a:hover span, #menu3 ul li  a.active span {
    color: #b01919;
    background: url(../img/left-submenu.jpg) left bottom no-repeat;
}

#menu3 ul li  a.outlink {
    background:  url(../img/_outlink1.png) 100% 0% no-repeat ; padding-bottom:1px; padding-right:16px; 
}





#pos1 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 0 0 0;
    height: 105px;
    width: 333px;
    background: url(../img/pos.png) 0 0 no-repeat;
}

#pos2 {
    position: absolute;
    top: 0;
    left: 334px;
    padding: 20px 0 0 0;
    height: 105px;
    width: 333px;
    background: url(../img/pos.png) -334px 0 no-repeat;
}

#pos3 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 0 0 0;
    height: 105px;
    width: 333px;
    background: url(../img/pos.png) -668px 0 no-repeat;
}

#menu2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

#menu2 ul {
    float: left;
    list-style: none;
}

#menu2 ul li {
    float: left;

}

#menu2 ul li a {
    display: inline-block;
    width: 166px;
    height: 59px;
    text-decoration: none;
}

#menu2 ul li a.knihovna { background: url(../img/menu2.jpg) 0 0 no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.zpravodaj { background: url(../img/menu2.jpg) -167px 0 no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.informace { background: url(../img/menu2.jpg) -334px 0 no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.tv { background: url(../img/menu2.jpg) -501px 0 no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.rozhlas { background: url(../img/menu2.jpg) -668px 0 no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.formulare { background: url(../img/menu2.jpg) -836px 0 no-repeat;  }

#menu2 ul li a.knihovna :hover, #menu2 ul li a.knihovna-active { background: url(../img/menu2.jpg) 0 -59px no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.zpravodaj :hover, #menu2 ul li a.zpravodaj-active { background: url(../img/menu2.jpg) -167px -59px no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.informace :hover, #menu2 ul li a.informace-active { background: url(../img/menu2.jpg) -334px -59px no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.tv :hover, #menu2 ul li a.tv-active { background: url(../img/menu2.jpg) -501px -59px no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.rozhlas :hover, #menu2 ul li a.rozhlas-active { background: url(../img/menu2.jpg) -668px -59px no-repeat; margin: 0 1px 0 0; }
#menu2 ul li a.formulare :hover, #menu2 ul li a.formulare-active { background: url(../img/menu2.jpg) -836px -59px no-repeat; }

#menu2 ul li a span, #menu2 ul li a span.double {
    display: block;
    width: 166px;
    height: 59px;
    line-height: 59px;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 10px;
    color: #647384;
    text-transform: uppercase;
}

#menu2 ul li a span.double {
    line-height: 12px;
    padding: 17px 0 0 0;
}

#menu2 ul li a:hover span, #menu2 ul li a:hover span.double, #menu2 ul li a.knihovna-active span, #menu2 ul li a.zpravodaj-active span, #menu2 ul li a.informace-active span, #menu2 ul li a.tv-active span, #menu2 ul li a.rozhlas-active span, #menu2 ul li a.formulare-active span   {
    color: #fff;
}


small {font-size:11px; }

/* page */

#page {
    background: url(../img/page-bg.jpg) repeat-y;
}

#page2 {
    background: url(../img/_page-bg.jpg) repeat-y;
}

#bludivider {
    height: 16px;
    background: url(../img/bludivider.jpg) repeat-x ;
}

#left_column {
    float: left;
    position: relative;
    width: 230px;
    background-color: #e8edf3;
}

#mid_column1   {
    float: left;
    position: relative;
    width: 521px;
	font-size:13px; 
	text-align:justify;
	line-height:150%;
	color:#2F383F; 
	padding-left:10px;
		
}

.mid_column   {
    float: left;
	 position: relative;
    width: 501px;
	font-size:13px; 
	text-align:justify;
	line-height:150%;
	color:#2F383F; 
		
}


.mid_column  h1 {color:#cb0000; border-bottom:1px solid #cb0000; font-style:italic; text-transform:uppercase; line-height:210%; margin:15px 0px 20px 0px; font-size: 19px;}
.mid_column h2 {color:#cb0000; font-size:16px; font-family: Arial; padding:15px 0px 0px 0px; margin:0px}
.mid_column h3 {color:#cb0000; ; font-size:13px; font-family: Arial; padding:10px 0px 0px 0px; margin:0px}
.mid_column strong {color:#2F383F;}
.mid_column p {font-family: Tahoma, Helvetica, sans-serif; padding:3px 0px 8px 0px;}
.mid_column img {padding:5px; border:2px solid #E8EDF3;}
.mid_column a:link {color:#000; font-weight:normal; text-decoration:underline}
.mid_column a:visited {color:#2F383F;}
.mid_column a:hover {color:#9E0001;  }
.mid_column  ul {margin:10px 0px 5px 10px; padding:0px; list-style-type:none}
.mid_column  ul li {padding:0px 0px 6px 12px; margin:0px; background: url(../img/_li.jpg) no-repeat 0px 7px; }

.mid_column table {width:500px; margin:10px 5px 10px 5px;}
.mid_column table td {border-bottom: 1px solid #e8edf3; border-top: 1px solid #e8edf3; padding:5px 3px}
.mid_column table th {background:#efefef; color:#CB0000; font-weight:bold; text-align:left; padding:5px 3px}
.mid_column table h2 {margin-top:0px; padding-top:5px;}
.podtrzeni {color:#cb0000; border-bottom:1px solid #cb0000; line-height:200%;} 
.maly-nadpis {font-size:14px; font-weight:bold; color:#4F4F4F; padding-bottom:10px}

.mid_column table.right td {text-align:right}
.mid_column table.center td {text-align:center}
.mid_column table.center tr {vertical-align:middle}

.mid_column table.bottom tr {vertical-align: bottom}
.mid_column table.top tr {vertical-align: top}

.novinka {background:#FCA9A9; border:1px solid #9c0001; padding:0px 10px; color:#fff; color:#000; margin:0px}

#right_column {
    float: right;
    position: relative;
    width: 230px;
}

#left_column, #mid_column, #right_column {
    padding-bottom: 50px;
}

#leftmenu {
    position: relative;
}

#leftmenu ul {
    list-style: none;
}

#leftmenu ul li a, #leftmenu ul li a.active{
    display: inline-block;
    width: 230px;
    height: 51px;
    text-decoration: none;
}

#leftmenu ul li a.grade-a { background: url(../img/leftmenu.jpg) 0 0 no-repeat; }
#leftmenu ul li a.grade-as { background: url(../img/leftmenu.jpg) 0 -51px no-repeat; }
#leftmenu ul li a.grade-b { background: url(../img/leftmenu.jpg) 0 -102px no-repeat; }
#leftmenu ul li a.grade-bs { background: url(../img/leftmenu.jpg) 0 -153px no-repeat; }
#leftmenu ul li a.grade-c { background: url(../img/leftmenu.jpg) 0 -204px no-repeat; }
#leftmenu ul li a.grade-cs { background: url(../img/leftmenu.jpg) 0 -255px no-repeat; }
#leftmenu ul li a.grade-d { background: url(../img/leftmenu.jpg) 0 -306px no-repeat; }
#leftmenu ul li a.grade-ds { background: url(../img/leftmenu.jpg) 0 -356px no-repeat; }

#leftmenu ul li a.grade-a :hover { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-as :hover { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }
#leftmenu ul li a.grade-b :hover { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-bs :hover { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }
#leftmenu ul li a.grade-c :hover { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-cs :hover { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }
#leftmenu ul li a.grade-d :hover { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-ds :hover { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }

#leftmenu ul li a.grade-a-active { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-as-active { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }
#leftmenu ul li a.grade-b-active { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-bs-active { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }
#leftmenu ul li a.grade-c-active { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-cs-active { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }
#leftmenu ul li a.grade-d-active { background: url(../img/leftmenu.jpg) 0 -407px no-repeat; }
#leftmenu ul li a.grade-ds-active { background: url(../img/leftmenu.jpg) 0 -458px no-repeat; }



#leftmenu ul li a span {
    display: block;
    padding: 0 0 0 28px;
    width: 202px;
    height: 51px;
    line-height: 51px;
    font-size: 14px;
    color: #fff;
}

#leftmenu ul li a.active span {
    display: block;
    padding: 0 0 0 28px;
    width: 202px;
    height: 51px;
    line-height: 51px;
    font-size: 14px;
    color: #fff;
}

#leftmenu ul li ul {
    padding: 5px 0 10px 0;
    background-color: #c0cfda;
}

#leftmenu ul li ul li a, #leftmenu ul li ul li a.active {
    display: inline-block;
    padding: 0 0 0 15px;
    /*width: 230px;*/
    height: 20px;
    text-decoration: none;
    font-size: 12px;
}

#leftmenu ul li ul li a span, #leftmenu ul li ul li a.active span {
    display: block;
    padding: 0 0 0 10px;
    /*width: 202px;*/
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    background: url(../img/left-submenu.jpg) left top no-repeat;
}

#leftmenu ul li ul li a:hover span, #leftmenu ul li ul li a.active span {
    color: #b01919;
    background: url(../img/left-submenu.jpg) left bottom no-repeat;
}






#topnavi {	border-bottom:1px solid #93A4B4; height:48px; width:500px;
}



ul.topnavi {
    float: left;
    list-style-type: none;


}

ul.topnavi li {
    float: left;
	    list-style-type: none; 

}

ul.topnavi li a,ul.topnavi li a.active {
    display: inline-block;
    width: 169px;
    height: 49px;
    color: #374c5e;
    text-decoration: none;
    background: url(../img/topnavi.jpg) -169px 0 no-repeat;
}

ul.topnavi li a.active, ul.topnavi ul li a:hover	 {
    background: url(../img/topnavi.jpg) 0 0 no-repeat;
}

ul.topnavi li a span, ul.topnavi li a.active span {
    display: block;
    width: 169px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 13px;
    color: #374c5e;
}
ul.topnavi li a:hover span {
    color: #374c5e;
}

ul.topnavi li a span {
    color: #96a8b7;
}





#kontakt {
    position: relative;
    padding: 50px 0 20px 10px;
    background-color: #c62929;
}

.kon-cz { background: url(../img/kontakt-cz.jpg) top no-repeat; }

#kontakt h3 {
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 12px 0 0 0;
    padding: 0 0 0 21px;
    font-size: 14px;
    color: #fff;
}

.adresa { background: url(../img/kontakt-adresa.jpg) left center no-repeat; }
.telefon { background: url(../img/kontakt-telefon.jpg) left center no-repeat; }
.email { background: url(../img/kontakt-email.jpg) left center no-repeat; }

#kontakt p {
    padding: 3px 0 3px 0;
    font-size: 12px;
    color: #fff;
}

#kontakt p a, #kontakt p a:active, #kontakt p a:visited {
    text-decoration: none;
    color: #fff;
}

#kontakt p a:hover {
    text-decoration: underline;
}

#vypis {
    display: block;
    margin: 32px 0 0 0;
    padding: 50px 0 20px 10px;
}

.vypis-cz { background: url(../img/vypis.jpg) top no-repeat; }

#vypis a, #vypis a:visited, #vypis a:active, #vypis a:hover {
    display: block;
    line-height: 14px;
    font-size: 11px;
    text-decoration: underline;
    color:  #273643;
}

#spoluprace {
    width: 228px;
    padding: 20px 0 18px 0;
    margin: 0 auto;
    font-size: 14px;
    color: #92a4b4;
    text-align: center;
    background-color: #FFFFFF;
}

#spoluprace a {
    line-height:150%;    color: #92a4b4;
}

#spoluprace p {
    margin-top:4px;
}


#spoluprace strong {
    font-size: 16px;
    font-weight: bold;
}


/*  right column */

#vyhledavani {
    height: 51px;
    position: relative;
}

.vyhledat {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 172px;
    height: 17px;
    padding: 3px 0 0 3px ;
    line-height: 20px;
    font-size: 12px;
    font-style: italic;
    color:#9bacba;
    background: none;
    background-color: #FFFFFF;
    border: #9bacba 1px solid;
}

.submit {
    position: absolute;
    top: 16px;
    left: 188px;
    width: 25px;
    height: 22px;
    background: url(../img/vyhledat-submit.jpg);
    border: none;
    cursor: pointer;
    font-size: 0px;
}

#novinky-cz {
    position: relative;
    background: url(../img/novinky-cz.jpg) top no-repeat;
    padding: 50px 0 0 0;
}

.novinky-item {
    position: relative;
    width: 218px;
    margin: 0 auto;
    padding: 5px 10px 0 0;
    min-height: 85px;
}

.novinky-item a.theme {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100px;
    height: 75px;
	
} 

.novinky-item a.header {
    float: left;
    padding: 8px 0 0 110px;
    font-size: 11px;
    text-transform: uppercase;
    color: #667b8e;
    text-decoration: none;
    font-weight: bold
	border:1px solid red;
}

.novinky-item a.cely-clanek {
    display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 2px;
    font-size: 9px;
    color: #667b8e;
	
    padding: 0 10px 0 0;
}

.novinky-item a.cely-clanek span {
    display: block; 
    padding: 0 10px 0 0;
    background: url(../img/sipka-right-grey.jpg) right center no-repeat;

}

.oddeluj {border-bottom:1px solid  #e8edf3; clear:both; }

#cse-search-form {padding:15px 0px 10px 5px}

#kalendar {
    position: relative;
    background: url(../img/kalendar-bg.jpg) bottom no-repeat;
	margin-top:5px;
}

#kalendar-header {
    height: 50px;
    background: url(../img/kalendar.jpg);
}


#mesice {
    width: 208px;
    margin: 0 auto;
    padding: 10px 0 0 20px;
    height: 30px;
    background-color: #e53838;
}

/*
		#mesice a {
			text-decoration: none;
			}

		#mesice a span {
			display: inline-block;
			height: 20px;
			width: 150px;
			line-height: 20px;
			font-size: 11px;
			color: #fff;
			font-weight: bold;
			text-align: center;
			}
*/

#mesice a.mes-prev, #mesice a.mes-next {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: url(../img/mesic-prev.jpg) center no-repeat;
}

#mesice a.mes-next {
    background: url(../img/mesic-next.jpg) center no-repeat;
}

#mesice a.mes-prev img, #mesice a.mes-next img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

#mesice a.mes-nazev {
    display: inline-block;
    height: 20px;
    width: 150px;
    line-height: 20px;
    color: #fff;
}

#mesice a.mes-nazev span {
    display: block;
    height: 20px;
    width: 150px;
    line-height: 20px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#kalendar-table {
    position: relative;
    width: 183px;
    margin: 0 auto;
    margin-top: 12px;
	padding:0px;
}

#kalendar-bg {
    position: absolute;
    top: 23px;
    left: 2px;
    width: 179px;
    height: 125px;
    background-color: #a50c0c;
    z-index: 1000;
}

table.kalendar {
    display: block;
    position:relative;
    z-index: 5000;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	
}

table.kalendar { padding: 0 0 0 0;
    margin: 0 0 0 0;}

table.kalendar thead td {
    width: 25px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 20px;

}

table.kalendar tbody td, table.kalendar tbody td.actual {
    widht: 25px;
    height: 20px;
    background: url(../img/table-kalendar.png) no-repeat;
}

table.kalendar tbody td.actual {
    background: url(../img/table-kalendar-actual.png) no-repeat;
}


table.kalendar tbody td a {
    display: inline-block;
    width: 25px;
    height: 20px;
    text-decoration: none;
}

table.kalendar tbody td a span {
    display: block;
    width: 25px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
}

table.kalendar tbody td a span.non, table.kalendar tbody td.actual a span {
    color: #7f0000;
}

table.kalendar tbody td a span.akce {
    background: url(../img/table-kalendar-akce.png) no-repeat;
}

.vsechny-akce {
    display: inline-block;
    float: right; 
    margin: 5px 0 5px 0;
    color: #ffacac;
}

.vsechny-akce span {
    font-size: 10px;
    color: #ffacac;
    padding: 0 10px 0 0;
    background: url(../img/sipka-right-pink.jpg) right center no-repeat;
}


.akce-detail {padding:5px 8px 0px 8px; margin-bottom:10px; background:#e8edf3; }
.akce-header {background:#F4F6F7; border-top:1px solid #e8edf3; border-bottom:1px solid #e8edf3; margin-bottom:2px; padding:5px 0px 5px 10px}
.akce-termin {font-size:12px; font-weight:bold}
.akce-text {background:#e8edf3; padding:0px 10px 5px 10px; border-top: 1px solid #e8edf3; }
.akce-poradatel {font-style: italic}
#pocasi-cz {
    position: relative;
    height: 180px;
	margin-top:15px
}

#pocasi-cz #pocasi-header {
    position:relative;
    height: 50px;
    background: url(../img/pocasi-cz.jpg);
}

#pocasi-ikony {
    position: relative;
	padding:10px 15px 5px 10px;
	height: 100px;
    width: 205px;
    margin: 0 auto;
    background-color: #fff;
}

#poc1, #poc2, #poc3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 49px;
    padding: 85px 0 0 6px;
    font-size: 8px;
    color: #4b5d6c;
}

#poc2 { left: 76px; }
#poc3 { left: 152px; }

.slunecno { background: url(../img/pocasi-ikony.jpg) -152px 0 no-repeat; }
.zatazeno { background: url(../img/pocasi-ikony.jpg) 0px 0 no-repeat; }
.destivo { background: url(../img/pocasi-ikony.jpg) -76px 0 no-repeat; }

.vice-opoc {
    float: right;
    display: block;
    margin: 3px;
    padding: 55px 5px 0 0;
}

.vice-opoc span {
    display: block;
    padding: 0 10px 0 0;
    font-size: 10px;
    color: #4b5d6c;
    background: url(../img/sipka-right-grey.jpg) right center no-repeat;
}

#panorama-foto-cz, #panorama-foto-de, #panorama-foto-en {
    position: relative;
    text-align: right;
    font-size: 10px;
    color: #000;
    padding: 0 0 20px 0;
}

#panorama-foto-cz a, #panorama-foto-de a, #panorama-foto-en a {
    color: #aa1212;
    padding: 0 5px 0 0;
}

#panorama-foto-cz #panorama-header {
    position: relative;
    height: 50px;
    background: url(../img/panorama-cz.jpg) no-repeat;
}

#panorama-klip {
    height: 122px;
    margin: 0 0 5px 0;
}


/* mid */

#mid-wrap {
    width: 510px;
    margin: 0 auto;
}

#aktuality {
    height: 50px;
    background: url(../img/aktuality-cz.jpg) no-repeat;
}

.lichyZaznam, .sudyZaznam , .prvniZaznam {
    margin: 15px 0 0 0;
    padding: 0 0 20px 0;
}


.lichyZaznam img, .prvniZaznam img {
    float: left;
    /*width: 221px;
    height: 131px; */
    border-color: #9babba;
}

.sudyZaznam img {
    float: right;
    width: 221px;
    height: 131px;
    border-color: #9babba;
}

.info {
    width: 260px;
    padding: 0 10px 0 0;
}

.lichyZaznam  .info, .prvniZaznam .info {
    float: right;
}

.sudyZaznam  .info {
    float: left;
}

.info  {
    padding: 5px 0 0 0;
    color: #000;
    font-size: 12px;
}

.info h3 a, .info h3 a:visited, .info h3 a:active {
    color: #a80a0a;
    text-decoration: none;
}

.info h4 {
    padding: 10px 0 0 0;
    color: #9da8b1;
    font-size: 12px;
    font-weight: normal;
}

.info h4 a, .info h4 a:visited, .info h4 a:active {
    color: #9da8b1;
    text-decoration: none;
}

.info p {
    padding: 10px 0 0 0;
    font-size: 11px;
    color: #000;
}

.utulektext a {color:red; padding:0px 0px 0px 20px; font-size:14px}

.utulek {

    padding: 0 10px 0 200px;
    color: 000;
    font-size: 12px;
	
}

.utulek h3 {
    color: #a80a0a;
    text-decoration: none;
	font-size:16px;
}

.utulek h4 {
    padding: 10px 0 0 0;
    color: #9da8b1;
    font-size: 12px;
    font-weight: normal;
}


.akt-clanek {
    display: inline-block;
    float: right;
    color: #c42626;
    font-size: 11px;
}

.akt-clanek span {
    display: block;
    padding: 0 10px 0 0;
    background: url(../img/sipka-right-red.jpg) right no-repeat;
    color: #c42626;
    font-size: 11px;
}
.akt-divider {
    height: 1px;
    font-size: 1px;
    background-color: #999999;
}

.akt-archiv {
    display: inline-block;
    color: #92a5b4;
    padding: 0 0 15px 0;
}
.akt-archiv span {
    display: block;
    padding: 0 10px 0 0;
    font-size: 11px;
    color: #92a5b4;
    background: url(../img/sipka-right-greyb.jpg) right center no-repeat;
}


/* bottom */

#page-bottom {
    position:relative;
    height: inherit;
    padding: 0 0 50px 0;
    min-height: 177px;
    _height: 227px;
}

#bot1 {
    float: left;
    width: 323px;
    font-size: 5px;
    margin: 34px 0 0 0;
}

#bot2 {
    float: left;
    width: 323px;
    font-size: 5px;
    margin: 34px 0 0 5px;
    padding: 0 0 35px 0;
}

#bot3 {
    position: relative;
    float: right;
    width: 323px;
    margin: 34px 0 0 0;
}

#bot1 h3 , #bot2 h3 {
    padding: 0 0 10px 15px;
    font-size: 14px;
    color: #63727e;
    text-transform: uppercase
}

#bot1 a , #bot2 a {
    padding: 0 0 0 15px;
    display: block;
    line-height: 16px;
    font-size: 12px;
    color: #63727e;
}

#bot3 #slabozraci {
    position: absolute;
    top: 0;
    left: 0;
}

#copyright, #prohlaseni {
    position: absolute;
    bottom: 36px;
    left: 15px;
    font-size: 10px;
    color: #63727e;
    font-style: italic;
}

#prohlaseni {
    left: 677px;
    font-style: normal;
    line-height: 16px;
}

#prohlaseni a, #prohlaseni a:hover, #prohlaseni a:visited, #prohlaseni a:active {
    color: #63727e;
    font-style: normal;
}


/* podstranka */

#drobeckove-menu {
    height: 27px;
    background: url(../img/drobeckove-menu.jpg) repeat-x;
    padding: 0 0 0 250px;
    font-size: 11px;
    font-style: italic;
    color: #9d0000;
    line-height: 27px;
}

#drobeckove-menu a, #drobeckove-menua:visited, #drobeckove-menu a:hover, #drobeckove-menu a:active {
    font-size: 11px;
    font-style: italic;
    color: #9d0000;
}


#content {
    padding: 80px 0 0 0;
}

#content p, #content ul li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4e5962;
}

#content p a, #content p a:hover, #content p a:active, #content p a:visited  {
    color: #ce1111;
}

#content h1 {
    color: #ce1111;
}

#heading h1 {color:#cb0000; border-bottom:1px solid #cb0000; font-style:italic; text-transform:uppercase; line-height:210%; margin:10px 0px 20px 0px; font-size: 19px;}

#content h2 {
    padding: 35px 0 0 0;
    color: #9E0001;
    font-size: 14px;
}

#content h3 {
    padding: 15px 0 0 0;
    color: #ce1111;
    font-size: 14px;
}

#content ul {
    list-style: none;
    padding: 15px 0 15px 0;
}

#content ul li {
    font-size: 12px;
    color: #4e5962;
}

#content-divider {
    height: 1px;
    background-color: #e8edf3;
    margin: 15px 0;
}

#content img.left {
    float: left;
    margin: 0 15px 15px 0;
    border-color: #e8edf3;
}

#content img.right {
    float: right;
    margin: 0 15px 15px 0;
    border-color: #e8edf3;
}


.radkove-menu-item,.radkove-menu-item-active{
       
    
}

.radkove-menu-item-active{
   font-weight: bold;
 text-align: left;
}

.fleft {float:left; margin:10px 10px 5px 0px}
.fright {float:right; margin:10px 0px 5px 10px}
.imgtop {margin-top:10px}
.imgtop20 {margin-top:20px}

.pdf {background: url(../inc/modules/icons/file-type/pdf-small.png) 0 0 no-repeat; padding-left:22px; padding-bottom:1px}
.doc {background: url(../inc/modules/icons/file-type/doc-small.png) 0 0 no-repeat; padding-left:22px; padding-bottom:1px}

.outlink  {background:  url(../img/_outlink1.png) 100% 0% no-repeat ; padding-bottom:1px; padding-right:16px}


table.clear {width:100%; line-height:150%; border:0px; font-size:13px}
table.clear  tr {vertical-align:top}
table.clear td {padding:3px}
table.clear td.prvni {width:90px; text-align:right; padding-right:15px}






/* odpovedna*/




fieldset.odpovednaAddTopic {
	border: 1px solid #496b5d;
	width: 350px;
}

.submit {display:none}
.url {display:none}
.add {display:none}
.message {display:none}




/* formul�� p�id�n� nov�ho p��sp�vku - t�matu  */

table.odpovednaAddTopicTable {
	border: 1px solid #667B8E;
	width: 390px;
	padding:3px;
	background: #efefef;
	}
	

table.odpovednaAddTopicTable tr {}
table.odpovednaAddTopicTable th {text-align:left; color:#c27258; padding:7px}
table.odpovednaAddTopicTable td {
	padding: 3px 7px 3px 5px ;
    font-size: 13px;
	border-top:1px solid #fff; border-bottom: 1px solid #fff;
}

.odpovednainput {width:395px}
.odpovednaarea {width:395px; font-size:13px}
.odpovednainput1 {width:115px}
.odpovednaSubmit {font-size:13px}

.odpovednaPovinnaPole{font-weight:bold; color:#000; margin:5px}

/* výpis reakci na webu */
 
table.odpovednaVievTable {
	border: 0px solid red;
	width: 510px;
	margin-left:0px;
	padding:5px;
	margin-top:0px;
	}
	
table.odpovednaVievTable tr {}
table.odpovednaVievTable tr.dotaz { background:#efefef; } 

table.odpovednaVievTable th {
	text-align:left; color:blue; padding:7px
}
	
table.odpovednaVievTable td {
 padding: 2px 8px 2px 8px ;
 font-size: 13px;
}

table.odpovednaVievTable td small {color:#5C7082}




/* odpovedna*/




/* v�pis vlo�n�ch t�mat  */
table.odpovednaTopic {
	border: 0px solid #496b5d;
	width: 560px;
	_width: 580px;
	margin-left:0px;
	_margin-left:0px;
	padding:5px;
	margin-top:0px;
	}
	
table.odpovednaTopic tr {}

table.odpovednaTopic th {
	text-align:left; color:#c27258; padding:7px
}

.center {text-align:center}
.pocet {width:60px}
	
table.odpovednaTopic td {
 padding: 3px 3px 3px 5px ;
 font-size: 13px;
}


.odpovednaDownNavigace {font-size:13px; color:#b4b2b2; text-align:center; margin:0px 10px 0px 10px; background: #E8EDF3} 
.odpovednaDownNavigace a {text-decoration:none}
.odpovednaTopNavigace {font-size:13px; color:#b4b2b2; text-align:center; margin:0px 10px 0px 10px; background: #E8EDF3}
.odpovednaTopNavigace a {text-decoration:none}

.advancedNavigaceTop {font-size:13px; color:#b4b2b2; text-align:left; margin:0px 0px 15px 0px; background: #E8EDF3} 
.advancedNavigaceTop a {text-decoration:none}
.advancedNavigaceDown{font-size:13px; color:#b4b2b2; text-align:left; margin:15px 10px 0px 10px; background: #E8EDF3}
.advancedNavigaceDown a {text-decoration:none}
.advancedNavigaceTop span.text {font-size:11px; color:#000; padding-left:7px; padding-right:15px}
.advancedNavigaceDown span.text {font-size:11px; color:#000; padding-left:7px; padding-right:15px}

.navigace-active-number {border:1px solid #b4b2b2; color:red; padding:0px 4px 0px 4px}


table.odpovednaAddPostTable {
	border: 0px solid #496b5d;
	width: 530px;
	_width: 580px;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
table.odpovednaAddPostTable tr {}

table.odpovednaAddPostTable th {text-align:left; color:#c27258; padding:7px}
	
table.odpovednaAddPostTable td {
  padding: 3px 3px 3px 5px ;
    font-size: 13px;
}

.odpovednaFirstPostItem {border-bottom:1px solid #FFE59F; text-align:justify; margin-bottom:10px; padding:5px; background: #FFF6DF; margin-top:10px; _width:550px; _width:580px;  line-height:130%}

.odpovednaPosts {border:0px solid #000}

.odpovednaPostItem { border-bottom:1px solid #CFCFCF; text-align:justify; margin-bottom:10px; padding:5px; background: #efefef; margin-top:10px; font-size:11px; width:550px; _width:580px; line-height:140% }

.titulek {font-weight:bold}

.odpovednaResultMessageSuccess {font-weight:bold; color:#1C8F00; padding:5px; text-align:center; border:1px solid #efefef; margin:5px; }

.odpovednaResultMessageFailure  {font-weight:bold; color:red; padding:8px; border:1px solid #efefef; margin:5px }

table.zakazky-table {
	width: 500px;
	padding:1px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #e8edf3;
	}
	
table.zakazky-table tr {}

table.zakazky-table th {text-align:left; font-weight:normal; color:#fff; padding:2px 0px 2px 5px; background:#92A5B4 }
	
table.zakazky-table td {
	vertical-align: top;
  padding: 3px 0px 3px 5px ;
    font-size: 12px; 
	border-top: 1px solid #DCE1E8; border-bottom: 1px solid #DCE1E8;
}

table.seda-table {
	width: 500px;
	padding:1px;
	margin-top:20px;
	margin-bottom:10px;
	border:1px solid #e8edf3;
	background: #EFF5FC;
	border-collapse: collapse;
	}
	
table.seda-table td.prvni {width:200px}

table.seda-table ul, table.seda-table ul li {margin:0px}
table.seda-table ol {margin-left:17px; padding:0px}
	
table.seda-table tr {}

table.seda-table th {text-align:left; font-weight:normal; color:#fff; padding:2px 0px 2px 5px; background:#92A5B4 }
	
table.seda-table td {
	vertical-align: top;
  padding: 3px 0px 3px 5px ;
    font-size: 12px; 
	border: 1px solid #DCE1E8;
	}




table.tb-foto {width:492px; font-size:12px} 
table.tb-foto tr {background: transparent url('../img/fotogalerie/bg-table-fotogalery.png') no-repeat 0 0; height:40px}
table.tb-foto td  {padding:7px 0px 0px 0px;}
table.tb-foto td span.datum {height:22px; width:70px; display:block; float:left; text-align:center; margin:2px 8px 0px 5px; font-size:11px; }
.prohledni { height:22px; float:right; display:block; font-size:12px; margin:2px 3px 0px 3px; padding:0px 8px 0px 8px; margin-right:7px}
.prohledni a.bila {color:red; text-decoration:none}
.prohledni a.bila:visited {color:red}
.prohledni a.bila:hover {color:#000; font-weight:normal}

.advancedNavigaceDown {font-size:13px; color:#b4b2b2; text-align:center; }
.advancedNavigaceDown a {text-decoration:none}
.navigace-active-number {border:1px solid #b4b2b2; color:green; padding:2px 5px 2px 5px}

.zpet {text-align:right; margin:10px}
 
.fotoGaleryFoto { width:125px; height:145px; margin: 10px 20px 10px 5px; text-align:center; float:left; display: table-cell; vertical-align:middle; border:2px solid #efefef }
.fotoGaleryFoto img {padding:3px; border:0px;}
.knihovnaFotogalerieFoto { }

#mapa-webu ul li.prvni-uroven a {color:red}

#mapa-webu ul li.prvni-uroven  li a {color:#000}




#sportovec h3 { cursor:pointer; padding:0px; margin:8px 0px 5px 8px; font-size:13px; }
#sportovec h3 span {border-bottom:1px solid #000}
#sportovec h3.active  { color:#d74646; }
#sportovec div { height:0; overflow:hidden; position:relative; padding-left:0px; margin:10px 0px 0px 0px}
#sportovec div p  { padding:0; margin:5px 0px 5px 0px; }
#sportovec ol li {margin:10px 0px 5px 20px}
#sportovec ul {margin-left:10px; padding:0px}