/* 
CSS Stylesheet - design.css
domain: odsmoravany.cz
 */
 
#web { background: url('/img/layout/footer_bg.png') bottom left repeat-x; }
#web #layout { width: 969px; margin: 0 auto; }

#header_top { height: 87px; overflow: hidden; }
#header_top .right { height: 100%; background: url('/img/layout/po-modre-spolecne.png') center right no-repeat;}
#header_top .navigation { 
  width: 175px; height: 41px; float: left; margin: 15px 250px 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  background: url('/img/layout/nav_bg.png') top left repeat-x; text-align: center;
}
#header_top .navigation a { position: relative; top: 5px; margin: 0 3px; }
#header_top .navigation a img { vertical-align: middle; }

#header { height: 253px; overflow: hidden; }
#header .left { width: 360px; height: 100%; background: url('/img/layout/articles_bg.png') center center no-repeat; }
#header .left #newsTicker { margin: 0 20px; color: #555; }
#header .left #newsTicker a { padding: 0 15px 0 0; background: url('/img/icons/Icon_External_Link.png') top right no-repeat;} 
#header .left a.archiv { display: block; text-align: right; line-height: 22px; margin-right: 70px; font-weight: bold; color: #444; text-decoration: underline; }
#header .left a.archiv:hover { color: black; }
#header .right { width: 609px; height: 100%; position:relative; background: url('/img/layout/header_bg.png') center center no-repeat; }
#header .right #imageRotator { position: absolute; left: 42px; top: 30px; }


/* WEB MENU CSS*/
#menu { 
  height: 40px; position: relative; z-index: 300; margin: 12px 0px 0px 0px;
  background: url('/img/layout/nav_bg.png') bottom left repeat-x;
  border: solid rgb( 49, 88, 158) 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#menu ul.menu  { margin: 0; padding: 0; list-style: none; }
#menu ul.menu li { position: relative; display: inline; float: left; }
#menu ul.menu li a { 
  display: block; float: left;
	margin: 0 5px; padding: 0 5px 0 5px; line-height: 20px; color: #fff; font-weight: bold; text-transform: uppercase; 
}
#menu ul.menu li a span { display: block; padding: 5px 5px; height: auto; margin: 5px; }
#menu ul.menu li a span img { vertical-align: text-bottom; margin: 0 5px 0 0; }
#menu ul.menu li a:hover { text-decoration: none; }
#menu ul.menu li a span.selected, #menu ul.menu li a:hover span {
	background: #08327d; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
/*1st sub level menu*/
#menu ul.menu li ul {
	margin: 0; padding: 0; position: absolute; top: 39px; left: 0;
	visibility: hidden; list-style: none;	display: block; background: black;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#menu ul.menu li ul li {
	background: url('../img/layout/menu_bg_over.png') center left repeat-x;
	margin: 0; padding: 0; display: block; float: none;
}
#menu ul.menu li ul li ul { top: 0; }
#menu ul.menu li ul li a { 
  display: block; float: none; margin: 0; padding: 0 20px 0 10px; line-height: 24px; color: white; text-transform: none;
  white-space: nowrap; display: block;
}

#menu ul.menu li ul li a .selected { color: red; }
#menu ul.menu li ul li a:hover { background: #333; }

#menu .downarrowclass { position: absolute; top: 17px; right: 2px; }
#menu .rightarrowclass { position: absolute; top: 8px; right: 2px; }



#content { min-height: 400px; margin: 18px 0px 0px 0px; }

#content_left {
  position: relative; min-height: 338px; width: 277px; float: left; padding: 10px;
  background-color: rgb( 244, 244, 244); border: solid rgb( 209, 209, 209) 1px;
}
#content_right { min-height: 338px; width: 650px; float: right; margin: 0 0 20px 0; }

#footer { position: relative; height: 73px; overflow: hidden; color: white; } 
#footer .logo { float: left; margin: 0 10px 0 0; position: relative; top: 7px; }
#footer .copy, #footer .links { margin: 10px 0 0; float: right; clear: right; text-align: right; }
#footer .copy a, #footer .links a { color: white; }



#content_right h2 { font-size: 1.8em; color: #3761ab; font-weight: bold; }
#content_right h3 { font-size: 1.6em; color: #3761ab; font-weight: bold; }
#content_right p { text-indent: 2em; color: #555; }

#content_right ul { list-style-type: none; margin: 10px 0; padding: 0; }
#content_right ul li { margin: 5px 0; padding: 0 0 0 20px; background: url('/img/icons/li.png') 0 2px no-repeat;}

#content_right table { width: 100%; margin: 10px 0; }
#content_right table th, #content_right table td { vertical-align: top; padding: 2px 5px; }


/* FORM */
.form { padding: 10px; color: #555; }
.form label { display: block; line-height: 20px; padding: 5px; font-weight: bold; color: black; }
.form label span { color: red; }
.form input, .form textarea, .form select { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.form .input { border: 1px solid #ccc; padding: 5px; margin: 5px; }
.form .button {
   height: 26px; margin: 5px; cursor: pointer; background: url('/img/layout/nav_bg.png') center left repeat-x; 
   border: 1px solid #339; color: white; font-weight: bold;
}
.form .button:hover { background: url('/img/layout/h_gray.png') center left repeat-x;  border-color: #ccc; color: black; }

.delline { border-bottom: 1px dotted #ccc; margin: 10px 0; height: 1px; overflow: hidden; }
¨

#content_left .galleryList { text-align: center; }
#content_left .galleryList h3 { margin: 0 0 10px 0; }
#content_left .galleryList h3 a { font-size: 1.1em; font-weight: normal; font-style: italic; text-align: center; }
#content_left .galleryList .gall { padding: 5px 5px; margin: 10px; border: 1px solid #bbb; background: url('/img/layout/menu_bg_over.png') center left repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content_left .galleryList .gall:hover { border-color: #1f3b00; text-decoration: none; }
#content_left .galleryList img { border: 2px solid #ccc; }

#content_left h2 { font-size: 16px; font-weight: 500; text-align: center; margin: 0 0 10px 0; padding: 0 0 10px; border-bottom: 1px dotted #ccc; }


#gallery .back { display: block; padding: 5px 5px; margin: 10px; border: 1px solid #ccc; background: #eee; float: right; }
#gallery .back:hover { border-color: black; text-decoration: none; }
#gallery .galleryList {
  padding: 10px; margin: 0 10px; clear: both; 
  background: #eee; border: 1px solid #ccc;
}
#gallery .galleryList h2 a { font-size: 1em; font-weight: 500; }
#gallery .galleryList .info { margin: 0 0 10px; }
#gallery .galleryList .info span { margin: 0 50px 0 0; color: #444; }
#gallery .galleryList .list { background: #ddd; padding: 5px;}
#gallery .galleryList .list a img { margin: 5px; border: 1px solid #1f3b00; }



#news {	padding: 10px 0 0;	border-top: 1px dotted #ccc; }
#news .news { border: 1px solid #ccc; padding: 10px; background: #eee; margin: 0 0 10px 0; color: #333; }
#news h4 { font-size: 1em; font-weight: normal; margin: 0; color: #3761ab; }
#news h4 em { color: #555; }