/* CSS Document */

@CHARSET "UTF-8";

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

img {
  border: 0;
}

p {
  padding: 5px 0;
}

ul {
  margin-left: 15px;
}

li {
  text-indent: 0px;
}

h1 {
  font: 25px "georgia ce", georgia;
  color: #bc033c;
  margin-bottom: 5px;
}

h2 {
  font: 25px "georgia ce", georgia;
  color: #bc033c;
  margin-bottom: 5px;
}

	h2.inline {
		display: inline;
		line-height: 40px;
	}

h3 {
  font: 28px "georgia ce", georgia;
  color: #ffffff;
}

	h3 span {
	  font: 18px "georgia ce", georgia;
	  color: #ffffff;
	}	
		
		h3 span strong {
			text-decoration: underline;
			font-weight: normal;
		}

h4 {
  font: 17px "georgia ce", georgia;
  color: #2b363f;
}

	h4.inline {
		display: inline;
	}

h6 {
	font: 13px "trebuchet MS ce", trebuchet MS;
	font-weight: bold;
	display: inline;
}

table, tr, td {
  border: 0;
}

table {
  margin: 5px 0;
}

select {
	width: 170px;	
}

html, body {
	min-width: 780px;
	height: 100%;
	position: relative;
	font: 13px "trebuchet MS ce", trebuchet MS,  "arial ce", arial, "verdana ce", verdana, "tahoma ce", tahoma;
  color: #28454f;
	background: #ffffff url(../img/body_bg.gif) repeat-x top;
}

	#paper {
		width: 100%;
		height: 100%;
  	min-height: 100%;
		position: relative;
	}

		#main {
	 		width: 780px;
	 		margin: 0px auto;
			padding-top: 41px;
		}

	body>#paper {
		height: auto;
	}


/* top (celý vršek + menu) ************************************************** */
	    #top {
	      width: 100%;
	      height: 404px;
	      position: relative;
	    }
	    
	      #top_top {
		 			width: 100%;
		 			height: 30px;
		 			background: url(../img/top_bg_gray.gif) repeat-x;
	      }
	      
	      #top_menu {
	      	width: 100%;
	      	height: 109px;
	      	position: relative;
	      	background: #2a343d;
	      }
	      
	      	#top_menu_logo {
	      		width: 311px;
	      		height: 109px;
	      		position: relative;
	      		float: left;
	      		background: url(../img/top_logo.jpg) no-repeat;
	      	}
	      	
	      		#top_menu_logo a {
	      			width: 240px;
	      			height: 75px;
	      			position: absolute;
	      			top: 20px;
	      			left: 40px;
	      			display: block;
	      		}
	      	
					#top_menu_text {
						position: absolute;
						top: 0px;
						left: 311px;
					}

						.top_menu_text_item {
			      	margin: 0 5px;
			      	float: left;
						}

							.top_menu_text_item div {
								font-size: 9px;
								float: left;
			      		color: #6a6f74;
			      		font: 8px "arial ce", arial;
							}
	
							.top_menu_text_item a {
			      		margin-left: 10px;
			      		padding-left: 5px;
			      		color: #a9a9a9;
			      		font: 13px "tahoma ce", tahoma;
			      		line-height: 90px;
			      		display: block;
			      		background: url(../img/top_menu_separator.jpg) no-repeat;
			      	}
			      	
			      		.top_menu_text_item a:hover, .top_menu_text_item a.menu_active {
									color: #e8dec8;			      		
			      		}
	
	     	#top_shadow_left {
	     		width: 73px;
	     		height: 269px;
	     		position: absolute;
	     		top: 30px;
	     		left: -73px;
          _filter: alpha(opacity=0);
	     		background: url(../img/top_shadow_left.png) no-repeat;
	     	}
	
	     	#top_shadow_right {
	     		width: 73px;
	     		height: 269px;
	     		position: absolute;
	     		top: 30px;
	     		left: 780px;
          _filter: alpha(opacity=0);
	     		background: url(../img/top_shadow_right.png) no-repeat;
	     	}
	     	
	     	#top_menu_arrow {
	     		width: 42px;
	     		height: 20px;
	     		position: absolute;
	     		top: 109px;
	     		left: 123px;
	     		background: url(../img/top_menu_arrow.gif) no-repeat;
	     	}
	    
	    	#top_content {
	    		width: 100%;
	    		height: 260px;
	    		position: relative;
	    	}
	    	
	    		#top_content_box {
	    			width: 295px;
	    			height: 260px;
						float: left;
	    			background: #2f96c6;
	    		}

					#top_content_text {
						width: 465px;
						height: 200px;
						padding: 30px 10px;
						float: left;
						background: url(../img/top_content_squares.jpg) no-repeat right;
					}
					
						#top_content_text ul {
			        list-style-image: url(../img/top_content_ul_dot.gif);
							margin: 20px 23px;
							font-size: 13px;
							color: #ffffff;
						}

							#top_content_text li {
								line-height: 10px;
								padding-left: 15px;
								margin-bottom: 10px;
							}
							
							#top_content_button_info {
								width: 145px;
								height: 65px;
								position: absolute;
								left: 300px;
								bottom: 2px;
								background: url(../img/top_content_button_info.jpg) no-repeat;
							}

								#top_content_button_info a {
									width: 137px;
									height: 32px;
									position: relative;
									top: 4px;
									left: 4px;
									display: block;
								}

							#top_content_button_order {
								width: 290px;
								height: 65px;
								position: absolute;
								left: 460px;
								bottom: 2px;
								background: url(../img/top_content_button_order.jpg) no-repeat;
							}
							
								#top_content_button_order a {
									width: 282px;
									height: 32px;
									position: relative;
									top: 4px;
									left: 4px;
									display: block;
								}


/* content ****************************************************************** */
			#content {
				width: 100%;
				position: relative;
				padding-bottom: 130px;
			}
			
				.column_1 {
					width: 740;
					margin: 20px;
				}
				
				.column_2 {
					width: 350px;
					margin: 20px;
					_margin: 15px;
					float: left;
				}
				
				#content a, #content a:visited {
					color: #bc033c;
					font-weight: bold;
					padding-right: 15px;
					background: url(../img/content_a_arrow_red.gif) no-repeat right;
				}
				
				#content a.no_decoration {
					padding: 0;
					background: none;
				}
				
					#content a:hover {
						text-decoration: underline;
					}
				
				.content_article_separator {
					width: 100%;
					height: 1px;
					margin: 10px 0;
					font-size: 0;
					background: #eabc9a;
				}

				.content_highlight {
					width: 100%;
					border: 1px solid #eabc9a;
					background: #fff3d8;
				}

					.content_highlight div {
						height: 55px;
						margin: 5px 10px;
					}
					
						.content_highlight div img {
							margin: 5px 5px 0 0;
							float: left;
						}

					.content_highlight p {
						margin: 5px 10px;
					}

					.content_highlight div.content_article_separator {
						width: 330px;
						height: 1px;
						margin: 10px;
						font-size: 0;
						background: #eabc9a;
					}
					
					.content_highlight label {
						width: 100px;
						float: left;
					}
					
					.price {
						font-size: 16px;
						font-weight: bold;
						text-align: right;
						position: relative;
					}
					
						.price_circle {
							position: absolute;
	            _filter: alpha(opacity=0);
							right: 70px;
							top: -5px;
						}
					
				.content_picture {
					margin: 7px 5px 5px 0;
					float: left;
				}

/* antispam */
				.antispam_content img {
					float: right;
				}			

				.antispam_content ul {
	        list-style-image: url(../img/top_content_ul_dot.gif);
					margin: 20px 23px;
					font-size: 13px;
				}

					.antispam_content li {
						padding-left: 10px;
						_padding-left: 20px;
						margin-bottom: 5px;
					}

/* ceník */
				.cenik_asistentka {
					margin: 0px;
					padding-left: 45px;
					font-size: 12px;
				}

/* produkty */

				#products {
					width: 100%;
					height: 400px;
					position: relative;
				}
				
					.product {
						position: absolute;
						bottom: 0px;
					}
					
						.product h3 {
							margin-bottom: 10px;
							font-size: 18px;
							text-align: center;
						}
						
						.bubble_top {
							width: 215px;
							height: 16px;
							font-size: 0px;
						}
						
						.bubble_center {
							width: 185px;
							padding: 5px 15px;
							text-align: center;
						}
						
							.bubble_center_apostrof {
								font-size: 24px;
								line-height: 13px;
							}
						
						.bubble_bottom {
							width: 215px;
							height: 32px;
						}
						
						#products a.box {
							width: 153px;
							height: 166px;
							margin-left: 30px;
							display: block;
							background: none;
						}

							#products a:hover.box {
								background: url(../img/content_box_hover.gif) no-repeat;
							}
							
						#products a.box img {
							width: 139px;
							height: 152px;
							margin: 7px 0 0 7px;
						}							

					#home .product, #home .product h3 a {
						left: 0px;
						color: #7b8720;
					}

						#home .bubble_top {
							background: url(../img/content_bubble_green_top.gif) no-repeat;
						}
	
						#home .bubble_center {
							background: url(../img/content_bubble_green_center.gif) repeat-y;
						}
							
						#home .bubble_bottom {
							background: url(../img/content_bubble_green_bottom.gif) no-repeat;
						}
						
					#profi .product, #profi .product h3 a {
						left: 263px;
						color: #416868;
					}

						#profi .bubble_top {
							background: url(../img/content_bubble_blue_top.gif) no-repeat;
						}
	
						#profi .bubble_center {
							background: url(../img/content_bubble_blue_center.gif) repeat-y;
						}
							
						#profi .bubble_bottom {
							background: url(../img/content_bubble_blue_bottom.gif) no-repeat;
						}
						
					#business .product, #business .product h3 a {
						left: 525px;
						color: #922212;
					}

						#business .bubble_top {
							background: url(../img/content_bubble_red_top.gif) no-repeat;
						}
	
						#business .bubble_center {
							background: url(../img/content_bubble_red_center.gif) repeat-y;
						}
							
						#business .bubble_bottom {
							background: url(../img/content_bubble_red_bottom.gif) no-repeat;
						}
				
				#assistent {
					width: 720;
					margin-top: 10px;
					padding: 10px;
					border: 1px solid #c8c8c8;
				}

					#assistent_left {
						width: 170px;
						height: 100%;
						margin-left: -5px;
						float: left;
						text-align: center;
					}
					
						#assistent_left img {
							margin-bottom: 10px;
						}
					
					#assistent_right {
						width: 525px;
						float: left;
					}
					
						#assistent_right ul {
			        list-style-image: url(../img/top_content_ul_dot.gif);
							margin: 20px 23px;
							font-size: 13px;
						}
		
							#assistent_right li {
								padding-left: 10px;
								_padding-left: 20px;
								margin-bottom: 5px;
							}
		
				.button_red {
					height: 22px;
					padding: 0 5px;
					_padding: 0px;
					color: #ffffff;
					font-size: 11px;
					font-weight: bold;
					border-top: 1px solid #860029;
					border-left: 1px solid #860029;
					border-right: 1px solid #62001E;
					border-bottom: 1px solid #62001E;
					background: url(../img/content_button_bg.gif) repeat-x;
				}

/* faq */
				.faq {
					padding-left: 20px;
					margin-bottom: 20px;
				}
				
				.question {
					padding-left: 30px;
					font-weight: bold;
					background: url(../img/content_question_mark.gif) no-repeat top left;
				}				
				
				.answer {
					padding-left: 30px;
					background: url(../img/content_answer_mark.gif) no-repeat top left;
				}				
				


/* footer ******************************************************************* */
	  #bottom {
	  	width: 100%;
	  	height: 130px;
	  	position: absolute;
	  	bottom: 0px;
	  	margin-top: 20px;
	  	background: url(../img/bottom_bg.gif) repeat-x;
	  }
	  
	  	#bottom_content {
				width: 780px;
				height: 100%;
				position: relative;
				margin: 0 auto;
				background-color: #1d242a;
	  	}
	  	
	  	
	  		#bottom_content_left {
	  			position: absolute;
	  			top: 40px;
	  			left: 50px;
	  		}

					#bottom_content_left div {
	  				width: 100px;
	  				float: left;
					}
	  	
	  			#bottom_content_left a, #bottom_content_left a:visited {
	  				padding-left: 10px;
	  				color: #a9a9a9;
	  				background: url(../img/bottom_arrow_gray.gif) no-repeat 0px 7px;
	  			}
	  	
		  			#bottom_content_left a:hover, #bottom_content_left a.bottom_active {
		  				color: #ffffff;
		  				background: url(../img/bottom_arrow_white.gif) no-repeat 0px 7px;
		  			}
		  			
		  	#bottom_content_right {
	  			position: absolute;
	  			top: 30px;
	  			right: 50px;
		  		color: #a9a9a9;
	  			text-align: right;
		  	}
		  	
		  		#bottom_content_right a {
		  			color: #eabc9a;
		  		}
	  	
	  	
/* obecné ******************************************************************* */
.float_left {
	float: left;
}

.float_right {
	float: right;
}

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

.text_align_right {
	text-align: right;
}

.font_size_12 {
	font-size: 12px;
}

.font_size_14 {
	font-size: 14px;
}

.font_size_16 {
	font-size: 16px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.red {
	color: #bc033c;
}

.green {
	color: #9cb800;
}

.gray {
	color: #576067;
}