/*  styly tykajici se vzhledu stranek */

body {
	padding-bottom: 20px;
	
	font-family: Arial CE, arial, sans-serif;
	font-size: 80%;
	
	text-align: center;
}

a {
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

/* --------------- navigator ----------------- */
.navigator {
	font-style: italic;
	text-transform: lowercase;
}
	.navigator a {
		color: #C3C4C6;
		text-decoration: none;
	}

.odstavce-navigator {
	text-align: right;
}
	.odstavce-navigator .more {
		padding-right: 30px;
		background: transparent url('img/sipka-navigator-r.gif') no-repeat right center;
	}
	.odstavce-navigator .less {
		padding-left: 30px;
		background: transparent url('img/sipka-navigator-l.gif') no-repeat left center;
	}


/* ================= FORMULARE =================== */
.form {
}
	.form fieldset {
		border: solid 1px #FFD1D2;
	}
	.form fieldset legend {
		color: #E60004;
		font-weight: bold;
	}
	.form .form-row {
	}
		.form .form-row label {
			width: 10em;
			padding-right: 10px;
		}
		.form .required label {
			background: transparent url('img/hvezdicka.gif') no-repeat right top;
		}
		.form .form-row span {
			color: silver;
		}
		.form .form-row .fi-text,
		.form .form-row .fi-password {
			width: 300px;
			border: solid 1px #FF9395;
		}
		.form .form-row .fi-password {
			width: 100px;
		}
		.form .form-row .psc {
			width: 4em;
		}
		.form .form-row .tel {
			width: 10em;
		}
		
		
		
		.form .form-row .fi-submit {
			
			border: none;
			background: none;
			color: #4C4C4C;
			
			font-family: Impact, Arial Narrow, Arial CE, arial, sans-serif;
			font-size: 1.7em;
			font-weight: normal;
		}


/* =============== BOXIKY =================== */
.box {
	width: 379px;
	overflow: hidden;
	
	margin: 0;
	padding: 10px 10px 0 10px;
	
	background: #EBFDF8;
	
	font-size: 0.9em;
}
	.box .box-header {
		position: relative;
		
		float: left;
		width: 100px;
		
		
		margin: 0;
		padding: 0;
		
		font-family: Impact, Arial Narrow, Arial CE, arial, sans-serif;
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.1em;
	}
		.box .box-header:first-line {
			font-size: 1.4em;
			font-weight: bold;
		}
	.box .box-body {
		margin-left: 101px;
		padding-bottom: 10px;
	}
		.box .box-body .form {
			
		}
			.box .box-body .form .form-row {
				clear: none;
				margin: 1px;
				padding: 0;
			}
				.box .box-body .form .form-row label {
					width: 50px;
					padding-right: 0;
					margin-right: 1px;
				}
				.box .box-body .form .form-row .fi-text, 
				.box .box-body .form .form-row .fi-password {
					width: 100px;
					margin-left: 1px;
					
					border: solid 1px #12D19A;
				}
				.box .box-body .form .form-row .fi-select {
					border: solid 1px #12D19A;
					font-size: 0.9em;
				} 
				.box .box-body .form .form-row .fi-submit {
					margin-left: 1px;
					
					border: solid 1px #12D19A;
					background: #12D19A;
					color: black;
						
					font-family: Arial CE, arial, sans-serif;
					font-weight: bold;
					font-size: 0.9em;
					text-transform: uppercase;
					text-align: center;
				}
			
	.box .box-footer {
		clear: both;
		padding-bottom: 10px;
		border-bottom: solid 1px #CCCCCC;
	}


#box-weblogin {
}
	#box-weblogin .form-row {
	}
	#box-weblogin .fr-domena .fi-text {
		width: 105px;
	}
	#box-weblogin .fr-user,
	#box-weblogin .fr-password {
		float: left;
	}
		#box-weblogin .fr-user .fi-text,
		#box-weblogin .fr-password .fi-password {
			width: 60px;
		}
		#box-weblogin .fr-password label {
			width: 40px;
		}
	#box-weblogin .fi-select {
		width: 100px;
	}
	#box-weblogin .submit {
	}
		#box-weblogin .submit .fi-submit {
			position: relative;
			top: 1px;
			
			margin-left: 5px;
			padding-top: 1px;
			padding-bottom: 0;
		}


#box-userlogin {
	background: #FDF1EE;
	padding-top: 21px;
}
	#box-userlogin .form-row  {
	}
	#box-userlogin .box-header {
		color: #8E8E8E;
	}
	#box-userlogin .fr-user {
		float: left;
	}
	#box-userlogin .fr-password {
		float: left;
	}
		#box-userlogin .fr-password label {
			width: 40px !important;
		}
	#box-userlogin .fr-user .fi-text,
	#box-userlogin .fr-password .fi-password {
		width: 60px;
		border-color: #ED684C;
	}	
		
		
	#box-userlogin .submit {
	}
		#box-userlogin .submit .fi-submit {
			position: relative;
			top: 1px;
			
			margin-left: 5px;
			padding-top: 1px;
			padding-bottom: 0;
			
			border-color: #ED684C;
			background: #ED684C;
		}
		
		#box-userlogin .fr-log-out {
			float: right;
		}
	
	#box-userlogin .user-info {
		padding-left: 56px;
	}


/* ============================= LAYOUT ================================ */
#page-holder-h {
	width: 800px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

/* ------------------- PAGE-HEADER --------------------  */
#page-header {
	position: relative;
	height: 70px;
	
	margin: 10px 0;
}
	#page-header #page-logo {
		position: absolute;
		top: 0;
		left: 0;
		
		width: 136px;
		height: 70px;
	}
		#page-header #page-logo .it-img {
			width: 136px;
			height: 70px;
			
			background-image: url('img/logo-rodinne-weby.gif');
		}
		#page-header #page-logo.svatebni .it-img {
			background-image: url('img/logo-svatebni-weby.gif');
		}

	#page-header #ph-text {
		position: absolute;
		top: 84px;
		left: 10px;
		
		width: 322px;
		height: 16px;
		
		color: #F16A50;
	}
		#page-header #ph-text .it-img {
			width: 322px;
			height: 16px;
			
			background-image: url('img/it-header.gif');
		}
	
	#page-header .flash-h {
		display: none;
	}
	
	#page-header #datum-info {
		position: absolute;
		top: 80px;
		right: 0;
		
		font-size: 0.85em;
	}
		#page-header #datum-info span {
			display: block;
			float: right;
			
			padding: 3px 15px;
			margin-left: 4px;
			
			background: #E1FCF4 no-repeat 15px center;
			color: #058A64;
		}
			#page-header #datum-info span strong {
				color: black;
			}
		#page-header #datum-info #di-datum {
			padding-left: 40px;
			background-image: url('img/iko-datum.gif');
		}
		#page-header #datum-info #di-uzivatel {
			background: none;
			padding: 3px;
		}
			#page-header #datum-info #di-uzivatel strong {
				color: #058A64;
			}
	
/* ------------------- PAGE-BODY --------------------  */
#page-body {
	position: relative;
	
	padding-top: 0.2em; 
	
	border: solid 1px #CCCCCC;
	border-width: 0 1px;
}
	#page-body #main-menu-h {
		position: absolute;
		top: 28px;
		left: 0;
		
		width: 798px;
	}

/* --------------------- PAGE-CONTENT -------------------------- */
#page-content-h {	
	margin-top: 60px;
	padding: 0 10px 20px 10px;
}
	#page-content-h #page-heading {
		position: relative;
		width: 390px;
		
		float: left;
	}
		#page-content-h #page-heading h1 {
			margin: 0;
			padding: 0;
			
			font-family: Impact, Arial Narrow, Arial CE, arial, sans-serif;
			font-size: 1.7em;
			font-weight: normal;
			line-height: 1.0em;
		}
			#page-content-h #page-heading h1:first-line {
				font-size: 2.0em;
				line-height: 1.1em;
			}
		#page-content-h #page-heading h2 {
			margin: 0;
			padding: 0.3em 0;
			
			color: #E60004;
			
			font-size: 0.85em;
			font-style: italic;
			font-weight: normal;
		}
			#page-content-h #page-heading h2 .navigator {	
				text-transform: uppercase;
			}
			#page-content-h #page-heading h2 a {
				color: #E60004;
				text-decoration: none;
			}
			#page-content-h #page-heading h2 a:hover {
				text-decoration: underline;
			}
		#page-content-h #page-heading #subpages {
			position: relative;
			top: 0;
			left: 0;
			
			display: block;
			margin: 0;
			padding: 5px;
		}
			#page-content-h #page-heading #subpages .item {
				padding-left: 13px;
				background: transparent url('img/sipka-subpages.gif') no-repeat left center;
				
				font-weight: normal;
				letter-spacing: 1px;
			}
				#page-content-h #page-heading #subpages .item a {
					color: #E60004;
					text-decoration: none;
				}
				#page-content-h #page-heading #subpages .item a:hover {
					text-decoration: underline;
				}
	
	#page-content-h #page-content .content {
		clear: both;
		
		margin-top: 10px;
		
		border-top: solid 1px #CCCCCC;
	}
		
/* ------------------- PAGE-FOOTER ------------------------ */
#page-footer-h {	
	padding-bottom: 1px;
	border-bottom: solid 1px #CCCCCC;
}
#page-footer {
	position: relative;
	height: 1.6em;
	min-height: 18px;
	
	margin: 1px 10px 0 10px;
	
	border-top: solid 1px #CCCCCC;
	
	font-size: 0.85em;
	line-height: 1.6em;
}
	#page-footer #powered {	
		position: absolute;
		bottom: 1px;
		left: 0;
		
		width: 18em;
		height: 1.2em;
	}
		#page-footer #powered .img-text {
			position: absolute;
			bottom: 0;
			left: 6em;
			
			width: 77px;
			height: 20px;
		}	
			#page-footer #powered .img-text .it-img {
				width: 77px;
				height: 20px;
				
				background: transparent url('img/it-powered-by-drosera.gif') no-repeat center center;
			}
	#page-footer .pf-links {
		float: right;
	}
	#page-footer .pf-text {
		float: right;
		
		margin: 0 10px;
		
		text-align: right;
	}
		#page-footer .pf-text a {
			color: black;
			font-weight: bold;
			text-decoration: none;
		}


/* --------------------- WEB-MENU ------------------------- */
#web-menu {
	display: block;
	
	height: 1.6em;
	
	margin: 0 10px 5px 10px;
	padding: 0.2em 0;
	
	border: solid 1px #CCCCCC;
	border-width: 1px 0;
	
	font-size: 13px;
}
	#web-menu li {
		display: block;
		margin: 0.1em 0;
		padding: 1px 6px;
		
		float: left;
		
		border-left: solid 1px #CCCCCC;
		
		list-style-type: none;
	}
	#web-menu li.first {
		border-left: none;
		padding-left: 0;
	}
		#web-menu li a {
			background: transparent no-repeat center left;
			color: black;
			
			font-weight: bold;
			text-decoration: none;
		}
		#web-menu li #wm-item-uvod {background-image: url('img/iko-wm-home.gif'); padding-left: 20px;}
		#web-menu li #wm-item-jak-to-funguje {background-image: url('img/iko-wm-jak-na-to.gif'); padding-left: 20px;}
		#web-menu li #wm-item-galerie-vzhledu {background-image: url('img/iko-wm-galerie-vzhledu.gif'); padding-left: 20px;}
		#web-menu li #wm-item-vytvorit-novy-web {background-image: url('img/iko-wm-vytvorit-novy-web.gif'); padding-left: 25px;}
		#web-menu li #wm-item-kontakt {background-image: url('img/iko-wm-kontakt.gif'); padding-left: 25px;}
		#web-menu li #wm-item-edice {background-image: url('img/iko-wm-edice.gif'); padding-left: 18px;}
		
		
/* ====================== ODSTAVCE =========================== */

#page-content .odstavec a {
	color: #7A0002;
}

#page-content .odstavce-h .odstavec {
	clear: both;
}
#page-content .odstavce-h .float {
	float: left;
	clear: none;
}
#page-content .odstavce-h .first {
	margin-left: 390px;
	margin-bottom: 50px;
	clear: none;
}
	#page-content .odstavce-h .odstavec h3 {
		margin: 0 0 5px 0;
		padding: 0;
		
		font-size: 1.0em;
		font-weight: bold;
	}
	#page-content .odstavce-h .odstavec .obr {
		float: left;
		margin: 0 5px 5px 0;
	}
	#page-content .odstavce-h .odstavec p {
		margin: 0 0 0 5px;
		padding: 0;
	}

#banners-footer {
	clear: both;
	margin: 0.5em 0;
}

#banners-footer img {
	border: 0;
}

#banners-footer span {
	float: left;
	margin-right: 1em;
}

#banners-footer a {
	font-size: 0.85em;
	text-decoration: none;
}