/* CSS Document */

@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: none;
}

img {
  border: 0;
}

p {
  padding: 5px 0;
}

h1 {
	margin: 10px 0 20px 0;
	font-size: 19px;
}

h2 {
	font-size: 16px;
	color: #5f5f5f;
}


h3 {
	margin-top: 15px;
	font-size: 14px;
}

h4 {
	width: 100% - 30px;
	height: 39px;
	margin: 10px 0;
	padding: 0 15px;
	line-height: 39px;
	font-size: 14px;
	display: block;
	background: #f5f5f5;	
}

h5 {
	font-size: 23px;
}

h6 {
	font-size: 15px;
	color: #848384;
}

table, tr, td {
  border: 0;
}

html, body {
	min-width: 800px;
	height: 100%;
	font: 12px "trebuchet MS ce", trebuchet MS, "arial ce", arial, "verdana ce", verdana, "tahoma ce", tahoma;
  color: #484848;
	background: #e4e4e4 url(../images/body_top_bg.gif) repeat-x top;
}

	#paper {
		width: 100%;
		height: 100%;
  	min-height: 100%;
		padding-top: 28px;
	}

		#main {
	 		width: 800px;
	 		margin: 0px auto;
	 		padding-bottom: 10px;
	 		background: #ffffff;
		}


/* top (celý vršek + menu) ************************************************** */
	    #top {
	      width: 100%;
	      _width: 802px;
	      height: 360px;
	      position: relative;
	      background: url(../images/top_bg.gif) repeat-x top;
	    }
	    
	    	#top_shadow_left {
	    		width: 75px;
	    		height: 250px;
	    		position: absolute;
	    		left: -75px;
	    		top: 48px;
	        _filter: alpha(opacity=0);
	    		background: url(../images/body_top_shadow_left.png) no-repeat;
	    	}
	    
	    	#top_shadow_right {
	    		width: 75px;
	    		height: 250px;
	    		position: absolute;
	    		right: -75px;
	    		top: 48px;
	        _filter: alpha(opacity=0);
	    		background: url(../images/body_top_shadow_right.png) no-repeat;
	    	}
	    
				#top_header {
	    		width: 100%;
	    		height: 49px;
	    	}
	    	
	    	#top_header_lang {
	    		position: absolute;
	    		right: 50px;
	    		top: 15px; 
		    	color: #7d7d7d; /* tohle barvou budou oddělovače */
	    	}
	    	
		    	#top_header_lang a {
		    		font-weight: bold;
		    		color: #ffffff;
		    	}
	    	
		    		#top_header_lang a:hover {
		    			color: #dbe7e6;
		    		}
		    
		    		#top_header_lang .active {
		    			text-decoration: underline;
	    				color: #ffffff;
		    			font-weight: bold;
		    		}
		    		
		    #top_logo {
		    	width: 300px;
		    	height: 117px;
					position: absolute;
					top: 33px;
					z-index: 100;
		    }
		    
		    	#top_logo_shadow {
		    		width: 274px;
		    		height: 20px;
						position: absolute;
						top: 150px;
						left: 20px;
		    		background: url(../images/top_logo_shadow.png) no-repeat;
            _filter: alpha(opacity=0);
						z-index: 100;
		    	}
		    
				#top_menu {
	      	width: 500px;
	      	height: 85px;
	      	position: relative;
	      	left: 300px;
	      }
	      
					.top_menu_item {
						margin-left: 50px;
						padding: 15px 0 5px 10px; 
						border-left: 1px solid #cecece;
						font-size: 16px;
						float: left;
						color: #484848;
					}
					
					.top_menu_item:hover, .top_menu_item.active {
						color: #e44e00;
					}
				
				#top_content {
					width: 760px;
					height: 230px;
					position: relative;
					margin-left: 20px;
					z-index: 50;
				}
				
					#top_content.index {
						background: url(../images/top_content_index_bg.jpg);
					}
					
					#top_content.gallery {
						background: url(../images/top_content_gallery_bg.jpg);
					}
					
					#top_content.patients {
						background: url(../images/top_content_patients_bg.jpg);
					}
					
					#top_content.dentists {
						height: 237px;
						margin-top: -7px;
						background: url(../images/top_content_dentists_bg.jpg);
					}
					
					#top_content.downloads {
						background: url(../images/top_content_downloads_bg.jpg);
					}
					
					#top_content_text {
						position: absolute;
						top: 60px;
						left: 40px;
					}
					
						#top_content_info {
							position: relative;
							padding: 4px 17px 5px 25px;
							font-size: 15px;
							font-weight: bold;
							display: inline;
							color: #ffffff;
							background: url(../images/top_content_info_bg_center.gif) repeat-x top;
						}
						
							#top_content_info_left {
								width: 23px;
								height: 29px;
								position: absolute;
								left: -5px;
								top: 0;
								line-height: 26px;
								font-size: 18px;
								display: block;
								background: url(../images/top_content_info_bg_left.gif) no-repeat;
							}
						
							#top_content_info_right {
								width: 23px;
								height: 29px;
								position: absolute;
								right: -5px;
								top: 0;
								display: block;
								background: url(../images/top_content_info_bg_right.gif) no-repeat;
							}
							
							#top_content_info a {
								color: #ffffff;
								display: block;
							}

							#top_content_info_shadow {
								width: 100%;
								height: 12px;
								display: block;
            		_filter: alpha(opacity=0);
								background: url(../images/top_content_info_shadow.png) repeat-x;
							}

						.dentists #top_content_text {		/* kvůli tomu, že .dentists jsou vyšší a tím pádem posunutí nahoru */
							top: 67px;
						}
					
					#top_content_video {
						position: absolute;
						top: 25px;
						right: 20px;
					}
					
						#top_content_video_player {
							width: 240px;
							height: 180px;
						}
					
						#top_content_video_shadow {
							width: 236px;
							height: 13px;
							margin: -5px 0 0 2px;
							background: url(../images/top_content_video_shadow.jpg) no-repeat;
						}

/* center ****************************************************************** */
			#center {
				width: 100% - 40px;
				min-height: 100px;
				margin: 20px;
			}
			
				/* seznam */
				.center_menu_list {
					list-style-image: url(../images/center_ul_li_ico.gif);
					margin: 10px 0 15px 40px;
					font-size: 13px;
				}
				
					.center_menu_list li {
						margin: 15px 0;
						line-height: 10px;
					}
					
						.center_menu_list li a {
							color: #c13a00;
							font-weight: bold;
						}
				
				/* menu ************************************************************ */
				#menu {
					width: 240px;
					float: left;
				}
				
					.menu_block {
						width: 100%;
						border: 1px solid #e4e4e4;
					}
					
						.menu_block_header {
							width: 100% - 25px;
							height: 39px;
							line-height: 39px;
							font-size: 16px;
							padding-left: 25px;
							display: block;
							color: #484848;
						}
								
					.menu_block_shadow {
						width: 100%;
						height: 13px;
						margin-bottom: 15px;
						_margin-top: -5px;
						background: url(../images/center_menu_shadow_bg.jpg) no-repeat bottom;
					}

					.patients .menu_block_header {
						background: url(../images/center_menu_patients_bg.jpg) no-repeat;
					}

						.patients .menu_block_header:hover, .patients .menu_block_header.active {
							background: url(../images/center_menu_patients_bg.jpg) no-repeat 0 -39px;
						}
	
					.dentists .menu_block_header {
						margin-top: -11px;
						padding-top: 9px;
						background: url(../images/center_menu_dentists_bg.jpg) no-repeat;
					}

						.dentists .menu_block_header:hover, .dentists .menu_block_header.active {
							background: url(../images/center_menu_dentists_bg.jpg) no-repeat 0 -48px;
						}
	
					.gallery .menu_block_header {
						background: url(../images/center_menu_gallery_bg.jpg) no-repeat;
					}

						.gallery .menu_block_header:hover, .gallery .menu_block_header.active {
							background: url(../images/center_menu_gallery_bg.jpg) no-repeat 0 -39px;
						}

					.downloads .menu_block_header {
						background: url(../images/center_menu_downloads_bg.jpg) no-repeat;
					}

						.downloads .menu_block_header:hover, .downloads .menu_block_header.active {
							background: url(../images/center_menu_downloads_bg.jpg) no-repeat 0 -39px;
						}


				/* content ********************************************************* */
				#content {
					width: 500px;
					margin-left: 20px;
					float: left;
				}
				
					#content p {
						line-height: 170%;
					}
					
					.content_highlighted {
						padding: 15px;
						border-left: 5px solid #eaeaea;
						background: #f7f7f7;
					}
					
					#content img {
						margin: 0 30px 15px 30px;
					}
					
					.content_list, #content_seminar_text ul {
						padding: 10px 0 15px 40px;
						list-style-type: square;
					}
					
						.content_list li, #content_seminar_text ul li {
							line-height: 170%;
						}
						
					#content a {
						color: #e44e00;
					}
					
					#content table {
					}
					
						#content table img {
							margin: 0 10px;
						}
					
						#content table td {
							padding: 5px;
							border-bottom: 3px solid #f5f5f5;
						}
						
						.table_td_gray_0 {
							background: #e9e9e9;
						}
						
						.table_td_gray_1 {
							text-align: center;
							font-weight: bold;
							background: #efefef;
						}

						.table_td_gray_2 {
							text-align: center;
							font-weight: bold;
							background: #f5f5f5;
						}

						.table_td_gray_3 {
							vertical-align: top;
							background: #fbfbfb;
						}

					/* drobečková navigace ******************************************* */
					#content_navmenu {
						width: 100% - 30px;
						height: 39px;
						margin-bottom: 10px;
						padding: 0 15px;
						line-height: 39px;
						background: #f5f5f5;
					}
					
						#content_navmenu span {
							margin: 0 5px;
							font-size: 15px;
							color: #e44e00;
						}
						
						#content_navmenu a {
							color: #8b8b8b;
						}

							#content_navmenu a:hover {
								color: #e44e00;
							}

					/* novinky a akce ************************************************ */
					#content_news_action {
						width: 100% - 30px;
						min-height: 50px;
						position: relative;
						padding: 10px;
						border: 1px solid #e4e4e4;
						background: #f8eaf3;
					}
					
						#content_news_action_date {
							margin-top: 5px;
							color: #9c6288;
						}
						
						#content_news_action img {
							margin: 0 10px 0 0;
							border: 2px solid #ffffff;
						}

						#content_news_action h3 {
							margin-top: 0px;
						}
						
						#content_news_action_nav {
							height: 25px;
							position: absolute;
							top: -35px;
							_top: -34px;
							right: -1px;
							_right: 0px;
						}
						
							#content_news_action_nav a, #content_news_action_nav div {
								height: 100%;
								margin-left: 10px;
								border: 1px solid #e4e4e4;
								font-weight: bold;
								color: #a19ea0;
								display: block;
								float: left;
							}
							
								#content_news_action_nav a:hover {
									height: 26px;
									color: #484848;
									border-bottom: 0;
								}

							#content_news_action_nav a.right, #content_news_action_nav div.right {
								padding: 8px 40px 0 8px;
								background: #fbf4f9 url(../images/center_content_news_arrow_right.gif) no-repeat right 8px;
							}

								#content_news_action_nav a:hover.right {
									background: #f8eaf3 url(../images/center_content_news_arrow_right_hover.gif) no-repeat right 8px;
								}

							#content_news_action_nav a.left, #content_news_action_nav div.left {
								padding: 8px 8px 0 40px;
								background: #fbf4f9 url(../images/center_content_news_arrow_left.gif) no-repeat left 8px;
							}

								#content_news_action_nav a:hover.left {
									background: #f8eaf3 url(../images/center_content_news_arrow_left_hover.gif) no-repeat left 8px;
								}
								
					/* galerie obrázků a videí *************************************** */
					#content_gallery {
						width: 100%;
					}
					
						#content_gallery a.visible {
							width: 100%;
							height: 62px;	/* 2px kvuli borderu obrazku */
							position: relative;
							padding: 10px 0;
							border-bottom: 1px solid #ebebeb;
							display: block;
							color: #484848;
						}
						
							#content_gallery a.visible:hover {
								background: #f5f5f5;
							}

							#content_gallery img {
								width: 80px;
								height: 60px;
								margin: 0 10px;
								border: 1px solid #585858;
								float: left;
							}

							#content_gallery img.video {
								width: 34px;
								height: 34px;
								position: absolute;
								top: 27px;
								left: 24px;
								border: 0;
            		_filter: alpha(opacity=0);
							}

							#content_gallery span {
								margin-bottom: 5px;
								display: block;
								color: #c13a00;
							}

					/* ke stažení **************************************************** */
					.content_download .float_right {
						width: 100px;
						text-align: center;
					}

					.content_download img {
						margin-bottom: -10px;
						text-align: right;
						display: block;
					}
					
					/* vyhledej stomatologa ****************************************** */
					.content_dentist_detail {
						min-height: 80px;
						_height: 80px;
						border-bottom: 1px solid #ebebeb;
					}
					
						.content_dentist_detail div, .content_dentist_detail a {
							margin: 1px 15px;
							display: block;
						}
						
				  /* formuláře ***************************************************** */
					form div {
					  margin-bottom: 10px;
					}
					
						label.form_input, label.form_select {
						  float: left;
						  text-align: right;
						  width: 140px;
						  margin-right: 4px;
						  margin-top: 4px;
						}
	
						.form_input {
							width: 175px;
						}
						
						.form_select {
						}
						
						.required {
						}
						
						#submit {
							height: 24px;
						  margin-left: 144px;
						  padding: 0 5px;
						  font-size: 11px;
						  font-weight: bold;
						  color: #ffffff;
						  text-transform: uppercase;
						  background: url(../images/center_content_form_button_bg.gif) repeat-x;
						}
					
					  .form_desc{
						  margin-left: 146px;
						  font-size: 10px;
					   	color: #757575;
					  }
				
				form div ul li {
					margin: 5px 0 0 50px;
					color: red;
				}


/* footer ****************************************************************** */
	  #bottom {
	  	width: 100%;
	  	height: 50px;
	  	margin: 10px 0;
	  }
	  
	  	#bottom_content {
				width: 800px;
				height: 100%;
				position: relative;
				margin: 0 auto;
	  		color: #656565;
	  	}
	  	
	  		#bottom_content a {
		  		color: #3e3e3e;
	  		}
	  	
				#bottom_content_left {
	  			position: absolute;
	  			left: 20px;
	  		}

		  	#bottom_content_right {
	  			position: absolute;
	  			right: 20px;
	  			text-align: right;
		  	}
		  	
	  	
/* obecné ******************************************************************* */
.float_left {
	float: left;
}

.float_right {
	float: right;
}

.float_clear {
	width: 100%;
	height: 1px;
	font-size: 0px;
	clear: both;
}

.bold {
	font-weight: bold;
}

.hidden {
	display: none;
}

.margin_left_25 {
	margin-left: 25px;
}