/* CSS Document */

@CHARSET "UTF-8";

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

html {
	background: #eeeeee;
}

body {
	min-width: 1000px;
	height: 100%;
	position: relative;
	font: 12px "verdana ce", verdana, "Arial CE", arial, "MS Sans Serif", sans-serif, verdana;
  color: #4c4c4c;
	background: url(../images/body_bg.gif) repeat-x top;
}

	#main {
 		width: 1000px;
 		margin: 0 auto;
 		background: url(../images/body_strapes.jpg) 650px 5px no-repeat;
	}


		#main h1 {
			font-size: 24px;
			margin: 10px 0;
		}
		
		#main h2 {
			padding-bottom: 10px;
			margin: 10px 0;
			border-bottom: 2px solid #e1e1e1;
			font-size: 16px;
		}
		
		#main h3 {
			margin: 10px 0;
			font-size: 14px;
		}
		
		#main h4 {
			margin: 15px 0 10px 0;
			font-size: 14px;
		}
		
		#main a {
			text-decoration: none;
		}
		
		#main p {
			margin: 10px 0 5px 0;
		}
		
		#main ul.disc, #main ul.numbered {
			margin-bottom: 5px;
		}
		
			#main ul.disc li {
				margin-left: 20px;
				list-style-image: url(../images/star_bullet.gif);
			}
			
			#main ul.numbered li {
				margin-left: 20px;
				list-style: decimal;
			}
		
		#main ul.lower_alpha {
			margin-bottom: 20px;
		}
		
			#main ul.lower_alpha li {
				margin: 0 0 5px 20px;
				list-style-type: lower-alpha;
			}
		
		/* top ********************************************************************** */
    #top {
      height: 70px;
      position: relative;
    }
    
    	#top_logo {
    		position: absolute;
    		top: 20px;
    		left: 0;
    	}

				#top_logo img {
					border: 0;
	    	}

    	#user_action {
    		position: relative;
    		top: 25px;
    		line-height: 23px;
    		text-align: right;
    	}
    	
    		#user_action a {
    			color: #3d3d3d;
    		}
    		
    		#user_action img {
    			position: relative;
    			top: 3px;
    			margin: 0 5px;
    		}
    		
    		#user_action .separator {
    			width: 1px;
    			height: 100%;
    			margin: 0 5px;
    			border-left: 1px dotted #858585; 
    			display: inline;
    		}

		/* menu ********************************************************************* */
		#menu_block {
			height: 38px;
		}
		
			#menu {
				height: 37px;
				font-size: 14px;
				font-weight: bold;
				background: url(../images/menu_bg.jpg) no-repeat;
			}
			
				#menu a {
					height: 100%;
					position: relative;
					padding: 0 15px;
					line-height: 37px;
					color: #000000;
					float: left;
					display: block;
				}
				
					.menu_item_left_bg {
						width: 2px;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						display: block;
					}
			
					#menu a.active {
						color: #ffffff;
						background: url(../images/menu_active_bg.gif) repeat-x;
					}
					
						#menu a.active .menu_item_left_bg {
							background: url(../images/menu_active_left_bg.gif) no-repeat;
						}
						
					#menu a:hover {
						color: #ffffff;
						background: url(../images/menu_hover_bg.gif) repeat-x;
					}
					
						#menu a:hover .menu_item_left_bg {
							background: url(../images/menu_hover_left_bg.gif) no-repeat;
						}
					
			#submenu {
				height: 32px; /* +6px */
				padding-top: 6px;
				position: relative;
				background: url(../images/menu_sub_bg.gif) repeat-x;
			}
			
				#submenu_left_bg {
					width: 2px;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background: url(../images/menu_sub_left_bg.gif) no-repeat;
				}

				#submenu_right_bg {
					width: 2px;
					height: 100%;
					position: absolute;
					top: 0;
					right: 0;
					background: url(../images/menu_sub_right_bg.gif) no-repeat;
				}
				
				#submenu .item {
					height: 32px;
					padding: 0 10px;
					line-height: 25px;
					color: #dadada;
					float: left;
				}
				
					#submenu .item.active {
						color: #4c4c4c;
						font-weight: bold;
						background: #ffffff;
					}
				
				#submenu .separator {
					width: 2px;
					height: 32px;
					float: left;
					background: url(../images/menu_sub_separator.gif) no-repeat;
				}

		/* content ****************************************************************** */
		#center {
			position: relative;
			border-right: 1px solid #cfcfcf;
			border-bottom: 1px solid #cfcfcf;
			padding: 10px 15px; 
			background: #ffffff;
		}
		
			#center a, #center_left a, #center_right a {
				color: #00aaff;
			}
			
				#center a:hover, #center_left a:hover, #center_right a:hover {
					text-decoration: underline;
				}
		
			#center h1 {
				margin-bottom: 5px;
				font-size: 24px;
			}
		
			.ext_center_300 {
				width: 300px;
				margin: 0px auto;
			}
			
			.messages {
				color: #9e62c1;
			}
			
			.ext_center_300.messages {
				margin-bottom: 15px;
				padding: 0 10px;
				border: 2px solid #9e62c1;			
			}
			
			/* navigace při tvorbě kampaně ******************* */
			#navigation {
				width: 800px;
				height: 48px;
				position: relative;
				margin-bottom: 10px;
				border: 1px solid #c6c6c6;
			}
			
				#navigation .item {
					width: 200px;
					height: 41px;
					position: relative;
					padding-top: 7px;
					float: left;
				}
				
					#navigation .item.active {
						background: url(../images/center_navigation_active_bg.png) repeat-x;
					}
			
					#navigation .item.completed {
						color : #4c4c4c;
						background: url(../images/center_navigation_completed_bg.png) repeat-x;
					}
			
					#navigation .item .left_corners {
						width: 3px;
						height: 50px;
						position: absolute;
						top: -1px;
						left: -1px;
						background: url(../images/center_navigation_left.png) no-repeat;
					}
	
						#navigation .item.active .left_corners {
							background: url(../images/center_navigation_left_active.png) no-repeat;
						}
					
						#navigation .item.completed .left_corners {
							background: url(../images/center_navigation_left_completed.png) no-repeat;
						}
					
					#navigation .item .right_corners {
						width: 3px;
						height: 50px;
						position: absolute;
						top: -1px;
						right: -1px;
						background: url(../images/center_navigation_right.png) no-repeat;
					}
					
						#navigation .item.active .right_corners {
							background: url(../images/center_navigation_right_active.png) no-repeat;
						}
					
					#navigation .item .arrow {
						width: 17px;
						height: 100%;
						position: absolute;
						top: 0;
						right: -17px;
						background: url(../images/center_navigation_arrow.png) no-repeat;
						z-index: 10;
					}
					
						#navigation .item.active .arrow {
							background: url(../images/center_navigation_arrow_active.png) no-repeat;
						}
						
						#navigation .item.completed .arrow {
							background: url(../images/center_navigation_arrow_completed.png) no-repeat;
						}
					
					#navigation .item div {
						text-align: center;
					}
					
					#navigation .item.active .text {
						font-weight: bold;
					}
					
			/* tisk zálohové faktury */
			table.campaign_overview, table.campaign_indent {
				width: 100%;
				font-size: 12px;
			}
			
				table.campaign_overview th {
					font-weight: bold;
				}
			
				table.campaign_overview table {
					width: 100%;
				}
			
			div.campaign_indent {
				width: 40%;
				padding: 0 3px;
				font-size: 12px;
				float: left;
			}
					
			
			/* infobox u tvorby kampaně, registrace uživatele, ... */
			.ext_column_left {
				width: 600px;
				float: left;
			}
			
			#ext_infopanel {
				width: 350px;
				margin-left: 15px;
				float: left;
			}
			
				#ext_infopanel p {
					margin: 5px 0;
				}
			
			#ext_infopanel_text, #ext_window_positions {
				display: none;
			}
			
			#ext_infopanel .flash {
				width: 100%;
				height: 128px;
			}

		/* stránka Jsem klient, Jsem server, ... *********** */
		#center #column_left {
			width: 685px;
			margin-right: 15px;
			float: left;
		}
		
			#center table.bordered, #center_left table.bordered {
				border-top: 1px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
			}
			
			#center table.bordered td, #center table.bordered th,
			#center_left table.bordered td, #center_left table.bordered th {
				padding: 3px 5px;
				border-left: 1px solid #e1e1e1;
				border-bottom: 1px solid #e1e1e1;
			}
			
			#center table.bordered img, #center_left table.bordered img {
				margin: 2px 0 -3px 0;
			}
		
		#center #column_right {
			width: 269px;
			float: left;
		}

			#contact_box {
				margin-bottom: 10px;
				padding: 5px 10px;
				border: 1px solid #e1e1e1;
				border-left: 5px solid #e1e1e1;
				font-size: 18px;
			}
			
				#contact_box .phone {
					height: 27px;
					margin: 5px 0;
					padding-left: 50px;
					line-height: 27px;
					background: url(../images/center_contact_phone_ico.jpg) no-repeat;
				}
		
				#contact_box .mail {
					height: 27px;
					margin: 5px 0;
					padding-left: 50px;
					line-height: 27px;
					background: url(../images/center_contact_mail_ico.jpg) no-repeat;
				}
		
		/* titulní stránka ********************************* */
		#center_index {
			position: relative;
			margin: 5px 0 10px 0;
			padding: 0 15px;
			font-size: 13px;
		}
		
		#center_twocolumns {
			padding-bottom: 1px;
			background: url(../images/center_twocolumns_bottomborder.gif) bottom center no-repeat;
		}
		
			#center_twocolumns #inner {
				padding-bottom: 10px;
				overflow: hidden;
			}
		
				#center_twocolumns #inner #center_left {
					width: 659px;
					position: relative;
					border-right: 1px solid #cfcfcf;
					margin-right: 10px;
					padding: 15px;
					margin-bottom: -1500px;
					padding-bottom: 1500px;
					line-height: 150%;
					text-align: justify;
					float: left; 
					background: #ffffff;
				}
				
					#center_left_banner_order {
						margin: 10px 0 0 6px;
						display: block;
					}
		
				#center_twocolumns #inner #center_right {
					width: 269px;
					position: relative;
					border-right: 1px solid #cfcfcf;
					padding: 15px;
					margin-bottom: -1500px;
					padding-bottom: 1500px;
					float: left; 
					background: #ffffff;
				}
				
					.center_client_server_box {
						width: 285px;
						position: relative;
						border: 1px solid #e1e1e1;
						margin: 5px 6px 20px 6px;
						padding: 10px 15px 30px 15px;
						float: left;
					}
					
						.center_client_server_box img {
							margin: 10px 0 10px 45px;
							display: block;
						}
						
						.center_client_server_box .button {
							width: 204px;
							height: 36px;
							position: absolute;
							bottom: -17px;
							left: 55px;
						}
						
						.center_client_server_box .button img {
							margin: 0;
						}
					
					.center_left_column {
						width: 317px;
						position: relative;
						margin: 5px 6px 0px 6px;
						float: left;
					}
					
					.center_right_news {
						margin-bottom: 5px;
						padding-bottom: 5px;
						border-bottom: 1px dotted #e1e1e1;
					}
					
						.center_right_news h5 {
							color: #9e62c1;
							font-size: 12px;
						}
						
					.center_right_stats {
						margin-bottom: 3px;
					}

						.center_right_stats b {
							color: #9e62c1;
						}
					
					.center_left_news {
						margin-bottom: 5px;
						padding-bottom: 5px;
						border-bottom: 1px dotted #e1e1e1;
					}
					
						.center_left_news h4 {
							margin: 0;
						}
						
				#icons .icon_panel {
					width: 50%;
					margin: 15px 0 30px 0;
					text-align: center;
					font-size: 18px;
					font-weight: bold;
					float: left;
				}
				
					#icons .icon_panel img {
						position: relative;
						top: 10px;
						border: 0;
					}
					
					
		/* partneři - loga ************************************ */
		#partner_adactive {
			width: 149px;
			height: 52px;
			margin: 0 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_adactive.gif) 0 -52px no-repeat;
		}
					
			#partner_adactive:hover {
				background: url(../images/partners_adactive.gif) 0 0 no-repeat;
			}
					
		#partner_aliaweb {
			width: 147px;
			height: 22px;
			margin: 25px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_aliaweb.gif) 0 -22px no-repeat;
		}
					
			#partner_aliaweb:hover {
				background: url(../images/partners_aliaweb.gif) 0 0 no-repeat;
			}
					
		#partner_cpress {
			width: 140px;
			height: 28px;
			margin: 24px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_cpress.gif) 0 -28px no-repeat;
		}
					
			#partner_cpress:hover {
				background: url(../images/partners_cpress.gif) 0 0 no-repeat;
			}
					
		#partner_miton {
			width: 118px;
			height: 36px;
			margin: 16px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_miton.gif) 0 -36px no-repeat;
		}
					
			#partner_miton:hover {
				background: url(../images/partners_miton.gif) 0 0 no-repeat;
			}
					
		#partner_mladafronta {
			width: 194px;
			height: 28px;
			margin: 24px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_mladafronta.gif) 0 -28px no-repeat;
		}
					
			#partner_mladafronta:hover {
				background: url(../images/partners_mladafronta.gif) 0 0 no-repeat;
			}
					
		#partner_neris {
			width: 89px;
			height: 39px;
			margin: 13px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_neris.gif) 0 -39px no-repeat;
		}
					
			#partner_neris:hover {
				background: url(../images/partners_neris.gif) 0 0 no-repeat;
			}
					
		#partner_spiritmedia {
			width: 132px;
			margin: 25px 10px 0 10px;
			height: 19px;
			display: block;
			float: left;
			background: url(../images/partners_spiritmedia.gif) 0 -19px no-repeat;
		}
					
			#partner_spiritmedia:hover {
				background: url(../images/partners_spiritmedia.gif) 0 0 no-repeat;
			}
					
		#partner_visibility {
			width: 137px;
			height: 36px;
			margin: 14px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_visibility.gif) 0 -36px no-repeat;
		}
					
			#partner_visibility:hover {
				background: url(../images/partners_visibility.gif) 0 0 no-repeat;
			}
					
		#partner_facebook {
			width: 115px;
			height: 44px;
			margin: 14px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_facebook.gif) 0 -44px no-repeat;
		}
					
			#partner_facebook:hover {
				background: url(../images/partners_facebook.gif) 0 0 no-repeat;
			}
					
		#partner_idg {
			width: 139px;
			height: 44px;
			margin: 14px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_idg.gif) 0 -44px no-repeat;
		}
					
			#partner_idg:hover {
				background: url(../images/partners_idg.gif) 0 0 no-repeat;
			}
					
		#partner_retail {
			width: 172px;
			height: 42px;
			margin: 16px 10px 0 10px;
			display: block;
			float: left;
			background: url(../images/partners_retail.gif) 0 -42px no-repeat;
		}
					
			#partner_retail:hover {
				background: url(../images/partners_retail.gif) 0 0 no-repeat;
			}
					
	/* footer **************************************************************** */
  #bottom {
  	height: 30px;
		padding: 0 15px;
		border-bottom: 1px solid #cbcbcb;
		line-height: 30px;
		color: #797979;
  }
  
		#bottom a {
			color: #797979;
		}
		
			#bottom a:hover {
				text-decoration: underline;
			}
		
		#bottom_left {
			float: left;
 			text-align: left;
 		}

  	#bottom_right {
  		float: right;
 			text-align: right;
  	}	
	  
	  	
/* obecné ******************************************************************* */
.float_clear {
	width: 100%;
	height: 1px;
	font-size: 0px;
	clear: both;
}

.float_left {
	float: left;
}