/*
----------------------------------------------------------------------------------------------------
[Table of Contents]

1. Reset and default page configuration

2. Blocks
			2.1 Search									| .srch
			2.2 Main Menu								| .mm
			2.3 Navigator								| .nav
			2.4 Category List							| .cl
			2.5 Declaration List						| .dl
			2.6 Paging									| .pag
			2.7 User Menu								| .um
			2.8 Help Menu								| .hm
			2.9 Block Data								| .bd
			2.10 Gallery								| .gal

3. Page Constructor
			3.1 Header 									| .hdr
			3.2 Content 								| .cnt
			3.3 Footer 									| .ftr
4. Pages
			4.1 Photo Gallery Page					| .p-photo

----------------------------------------------------------------------------------------------------
*/



/*
####################################################################################################
[1. Reset and default page configuration]
####################################################################################################
*/
body {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.625em;	/* default page font size is 10px (1em) */
	min-width: 100.8em;	/* Default scroll width is 16px, so 1024-16 is 1008px */
}

	body,div,dl,dt,dd,ul,ol,li,form,table,tr,td,
	h1,h2,h3,h4,h5,h6,pre,p,span,b,i,
	input,textarea { margin: 0; padding: 0; outline: none; }

	ul { list-style-type: none;}
	img { border: none; }
	table { border-collapse: collapse; border-spacing: 0; }

	/* remember to define focus styles! */
	:focus {	outline: 0; }


	h1 { font-size: 1.8em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em; }

	input, textarea, select, label { font-size: 1.2em; font-family: inherit; }
	/*input { padding: 3px 0 2px; }*/
	input { padding: 2px 0 1px; }
	select { height: 21px; }

	p,a,span,b { font-size: 1.2em; }
	p,a,span { color: #020202; }

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

	p a, p span, p b,
	h1 a, h2 a, h3 a,
	h1 span, h2 span, h3 span,
	a b, span b, a b,
	p label { font-size: 1.0em; }



/*
####################################################################################################
[2. Blocks]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[2.1 Search]
----------------------------------------------------------------------------------------------------
*/
	div.srch { height: 8.3em; padding: 0 4.0em; background-color: #24426b; }
		div.srch div { height: 100%; }

			/* example */
			div.srch ul { padding: 1.3em 0 0; }
				div.srch ul li { font-size: 1.2em; display: inline; color: #fff; }
					div.srch ul a,
					div.srch ul span { font-size: 1.0em; color: #fff; }

			/* search area */
			div.srch table { width: 100%; margin: .7em 0 0; }
				div.srch table td { padding-left: .9em; }
				div.srch table td:first-child { width: 100%; padding: 0; }
					div.srch table input[type="text"] { width: 100%; }
					div.srch table input[type="submit"] { width: 5.25em; }



/*
----------------------------------------------------------------------------------------------------
	[2.2 Main Menu]
----------------------------------------------------------------------------------------------------
*/
	div.mm { background-color: #37639f; padding: .9em 0 .8em; padding-right:27px !important }
		div.mm ul { overflow: hidden; padding-left: 2.1em; }
			div.mm li { float: left; margin-left: 0.1em; }	/* 6.1 template value */
			div.mm li:first-child { margin-left: 0; }

			div.mm a {
				display: block;
				font-size: 2.4em;
				line-height: 44px;
				color: #fff;
				height: 44px;
				margin: 0 7px;
				padding: 0 10px;
			}

			div.mm li:hover,
			div.mm li.current,
			div.mm li:hover div,
			div.mm li.current div  { background-image: url(../img/mm-lnk-bg.gif); background-repeat: no-repeat; }
				div.mm div { background-position: 100% -4.4em; }
					div.mm li:hover a,
					div.mm li.current a { background-color: #d3030d; }

    div.mm ul li.user {float:right}


/*
----------------------------------------------------------------------------------------------------
	[2.3 Navigator]
----------------------------------------------------------------------------------------------------
*/
	div.nav { background-color: #aec8eb; height: 3.5em; padding: 0 4.0em; }
		div.nav ul { padding: 1.0em 0 0;}
			div.nav li { display: inline; font-size: 1.2em; }
				div.nav a,
				div.nav span { font-size: 1.0em; }
   div.nav ul li.warn { text-transform: uppercase; font-weight:bold;  }
   div.nav ul li.warn a {color:#d3030d}

/*
----------------------------------------------------------------------------------------------------
	[2.4 Category List]
----------------------------------------------------------------------------------------------------
*/
	ul.cl { padding: 0 0 0; }
		ul.cl li {  }
		ul.cl li.more { padding: 3.4em 0 0; }
			ul.cl h2 { font-size: 1.6em; font-weight: bold; padding-top:1em }
			ul.cl li.more h2 a { /*color: #d3030d;*/ }

			ul.cl li ul { padding: 1.1em 0 0; }
				ul.cl li li { display: inline; font-size: 1.2em; }
				ul.cl li li.sub { display: block; padding-top:0.4em; font-size: 1.2em; }
					ul.cl li li a { font-size: 1.0em; }


/*
----------------------------------------------------------------------------------------------------
	[2.5 Declaration List]
----------------------------------------------------------------------------------------------------
*/
	div.dl { margin: 1.5em 0 0; }
	div.dl .filter {text-align:center}
	div.dl.lite { margin: 0; }

		div.dl table { width: 100%; }

			div.dl .stat { text-align: center !important; padding-right: 27px !important; }
			div.dl tr.line td { font-size: 0; border: none !important; }

			/* head */
			div.dl thead {  }
				div.dl thead tr.line {  }
					div.dl thead tr.line td { height: 22px; }

					div.dl th {
						font-size: 1.2em;
						font-weight: bold;
						text-align: left;
						background-color: #EAECEE;
						height: 3.083em;
					}
					div.dl th:first-child { width: 5.25em; }

					div.dl th.headline {  }
					div.dl th.city { width: 15%; }
					div.dl th.date { width: 15%; }
					div.dl th.price { width: 20%; }

				/* payments */
				div.dl table.pay {  }
					div.dl table.pay th.headline { width: 50%; padding-left: 2.4em; }
					div.dl table.pay td:first-child { text-align: left !important; padding-left: 2.4em; }

			/* body */
			div.dl tbody {  }
				div.dl tbody tr {  }

				/* delimiter line */
				div.dl tbody tr.line {  }
					div.dl tbody tr.line td { height: 10px; }

				/* premium declaration style */
				div.dl tbody tr.prem {  }
					div.dl tbody tr.prem td { background-color: #FFEFE8; }

				/* title */
				div.dl tbody tr.ttl {  }
					div.dl tbody tr.ttl td {
						border: none !important;
						height: 6.0em;
						padding-right: 0;
						text-align: left;
					}

				/* actions */
				div.dl tbody tr.act {  }
					div.dl tbody tr.act td {
						border: none !important;
						padding-right: 0;
						height: 4.1em;
					}
						div.dl tbody tr.act ul { text-align: right; }
							div.dl tbody tr.act li { display: inline; margin-left: .9em; }
								div.dl tbody tr.act a { font-weight: bold; }
									div.dl tbody tr.act b { color: #d3030d; font-size: 1.0em; }


					div.dl td {
						height: 68px;
						padding: .6em 2em .8em 0;
						border-top: 1px solid #EAECEE;
						border-bottom: 1px solid #9da7bb;
					}
                    div.dl td.ico {padding-left:20px}
					div.dl td:first-child { border-left: 1px solid #9da7bb; text-align: center; padding-right: 0; }
					div.dl td.stat { border-right: 1px solid #9da7bb; }
						div.dl tbody b { /*font-size: 1.8em;*/ }



/*
----------------------------------------------------------------------------------------------------
	[2.6 Paging]
----------------------------------------------------------------------------------------------------
*/
	ul.pag { text-align: right; padding: 2.5em 0 0; }
		ul.pag li { display: inline; margin-left: 1.3em; }
			ul.pag a { font-size: 1.8em; color: #444a58; }



/*
----------------------------------------------------------------------------------------------------
	[2.7 User Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.um { margin-top: 2.6em; }
		ul.um li {  }
		ul.um li.mark {  }

			ul.um a { font-size: 2.4em; }
			ul.um li.mark a { color: #d3030d; }



/*
----------------------------------------------------------------------------------------------------
	[2.8 Help Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.hm { margin-top: 0em; }
		ul.hm li {  }
			ul.hm h2 { font-size: 2.4em; font-weight: normal; padding-bottom: .125em; }
				ul.hm h2 a { font-size: 1.0em; line-height: normal !important; }

			ul.hm a { line-height: 1.5em }
			ul.hm li.mark a { color: #d3030d; }



/*
----------------------------------------------------------------------------------------------------
	[2.9 Block Data]
----------------------------------------------------------------------------------------------------
*/
	div.bd { margin: 2.5em 0 0; }

		/* title */
		div.bd h2 {
			background-color: #EAECEE;
			font-size: 1.2em;
			padding: 1.083em 1.833em .833em;
			margin-top: 5px;
			overflow: hidden;
		}
		div.bd h2:first-child { margin: 0; }
			div.bd h2 span { float: right; font-weight: normal; }

		/* block */
		div.bd div.case { border: 1px solid #97a1b7; padding: 1.7em 2.2em 2.2em; margin: .5em 0 0; }

			/* customize */
			div.bd p.inform { padding: .5em 0; }
				div.bd p.inform b { color: #d3030d; }
			div.bd p.acc-data { line-height: 1.5em; overflow: hidden; }
			div.bd p.acc-data.contacts { line-height: 2.0em; }
				div.bd p.acc-data b a { color: #0f759f; }
				div.bd p.acc-data input { margin-right: .666em; vertical-align: -2px; }
				div.bd p.acc-data span.price { float: right; font-size: 1.5em; }

				/* 2 colum layout */
				div.bd table.lay-2c {  }
					div.bd table.lay-2c td { width: 22.0em; padding: 0 25px .5em 0; }

						div.bd table.lay-2c input,
						div.bd table.lay-2c select { width: 100%; }
						div.bd table.lay-2c span {
							font-weight: bold;
							display: block;
							padding-bottom: .5em;
							margin-left: 1px;
						}

						/* birthday */
						div.bd table.lay-2c td.birthday {  }
							div.bd table.lay-2c td.birthday table { width: 100%; }
								div.bd table.lay-2c td.birthday td { padding: 0; width: auto; vertical-align: middle; }
								div.bd table.lay-2c td.birthday td.month { padding: 0 5px 0 7px; width: 116px; }

									div.bd table.lay-2c td.birthday input { padding: 2px 0 1px; }
									div.bd table.lay-2c td.birthday div.feh { margin: 0 !important; }
									/*div.bd table.lay-2c td.birthday select { height: 21px; }*/

				/* form element holder */
				div.bd div.feh { width: 100%; margin: .5em 0 0; }
					div.bd div.feh input,
					div.bd div.feh select,
					div.bd div.feh textarea { width: 100%; }
						div.bd div.feh textarea { height: 115px; }
						div.bd div.feh input { padding: 1px 0; }

					div.bd div.feh input[type="file"] { margin-top: 10px; }
					div.bd div.feh input[type="file"]:first-child { margin: 0; }

					div.bd input[type="submit"] { margin: 5px 5px 0 0; }

					/* price holder */
					div.bd table.price { width: 100%; }
						div.bd table.price td { width: 100px; }
						div.bd table.price td:first-child { width: auto; padding-right: 18px; }



/*
----------------------------------------------------------------------------------------------------
	[2.10 Gallery]
----------------------------------------------------------------------------------------------------
*/
	div.gal { margin: 1.8em 0 0; }
		div.gal table {  }

			/* image constructor */
			div.gal a { border: 1px solid #97a1b7; display: block; font-size: 1.0em; }
				div.gal img { display: block; border: 9px solid #d1d4d9; }

				/* prewiev */
				div.gal tr.prewiev {  }
					div.gal tr.prewiev td { padding-top: .3em; }
						div.gal tr.prewiev a { float: left; margin-left: .5em; }
						div.gal tr.prewiev a:first-child { margin-left: .10em; }
							div.gal tr.prewiev img { border-width: 7px; }



/*
####################################################################################################
[3. Page Constructor]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.hdr {  }

		/* header menu */
		div.hdr-menu { background-color: #d1d4d9; padding: 1.0em 4.0em; }
		div.hdr-menu div {  }
			div.hdr-menu table { width: 100%; }
				div.hdr-menu td { text-align: center; padding: 0 .5em; }
					div.hdr-menu a,
					div.hdr-menu span { white-space: nowrap; }
					div.hdr-menu a,
					div.hdr-menu a b { color: #686f80; }
					div.hdr-menu span b { color: #d3030d; }

		/* area */
		div.area { height: 10em; padding: 0 4.0em; }
			div.area div.area-data { position: relative; height: 100%; }

			/* logo */
			div.area h1 {
				font-size: 3.0em;
				font-weight: normal;
				padding: .5em 0 0;
			}

			/* login form */
			div.lf {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 49.0em;
				height: 6.5em;
				background-color: #e8e9ec;
			}
				div.lf form {  }
					div.lf div { padding: 1.9em 0 0 2.8em; }
						div.lf span { font-size: 2.4em; margin-right: .416em; }

						div.lf input[type="text"],
						div.lf input[type="password"] { width: 10.833em; }
							div.lf input[type="text"] { margin-right: 1.25em; }
						div.lf input[type="submit"] { margin-left: 1.0em; width: 5.25em; }

				/* logoff */
				div.lf div.logoff { overflow: hidden; padding-right: 2.8em; }
					div.lf div.logoff a.mail { font-size: 1.8em; vertical-align: -.9em; }
					div.lf div.logoff a.exit { font-size: 2.4em; color: #d3030d; float: right; }

			/* statistics */
			div.hdr div.stat {
				position: absolute;
				right: 0;
				bottom: 1.4em;
			}
				div.hdr div.stat p { font-size: 2.1em; }
					div.hdr div.stat p i { font-style: normal; color: #d3030d; }




/*
----------------------------------------------------------------------------------------------------
	[3.2 Content]
----------------------------------------------------------------------------------------------------
*/
	/* content container */
	div.cnt-case { overflow: hidden; padding: 2.0em 0 0; }

		/* content title */
		div.cnt-case h1 { font-size: 2.4em; color: #686f80; font-weight: normal; }

		/* side bar */
		div.sb { float: left; width: 30.5em; }

			/* side bar data */
			div.sb-data { padding: 0 3.5em 0 4.0em; }

				/* add declaration link */
				div.sb-data div.add-dec { padding: 3.1em 0 0; }
					div.sb-data div.add-dec a { color: #d3030d; font-size: 3.6em; }

		/* content area */
		div.cnt { margin-left: 30.5em; padding-right: 4.0em; }
			div.cnt div.data {  }

			/* title */
			div.cnt h1 { overflow: hidden; }
				div.cnt h1 a {
					float: right;
					color: #d3030d;
					font-size: .5em;
					font-weight: bold;
					margin: .333em 0 0;
				}
				div.cnt h1 span { float: right; color: #d3030d; font-size: .75em; }

			/* text data */
			div.cnt div.txt { margin: 2.5em 0 0; }
				div.cnt div.txt h2 { font-size: 1.8em; font-weight: normal; }
				div.cnt div.txt p { padding-bottom: 1.833em; }


/*
----------------------------------------------------------------------------------------------------
	[3.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.ftr { height: 21.2em; margin-top: 1.7em; }

		/* menu */
		div.ftr ul {
			background-color: #24426b;
			padding: 0 4.0em 0 4.0em;
			text-align: right;
			height: 5.1em;
		}
			div.ftr ul li {
				display: inline;
				color: #fff;
				font-size: 1.2em;
				line-height: 4.25em;
				border-left: 1px solid #fff;
				padding: 0 .25em 0 .5em;
			}
			div.ftr ul li:first-child { border: none; }
				div.ftr ul a { color: #fff; font-size: 1.0em; }
				div.ftr ul i { font-style: normal; display: none; }

		/* footer content */
		div.ftr-cnt { margin: 0 4.0em; overflow: hidden; padding: 2.9em 0 0; }

			/* counters */
			div.count { float: right; }

			/* copyrights */
			div.copy {  }
				div.copy p { color: #444a58; }



/*
####################################################################################################
[4. Pages]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[4.1 Photo Gallery Page]
----------------------------------------------------------------------------------------------------
*/


	div.p-photo {  }

		/* side bar */
		div.p-photo div.sb { width: 42.5em; }

		/* content */
		div.p-photo div.cnt { margin-left: 42.5em; }

			/* photo gallery page meny */
			div.pg-menu {  }
				div.pg-menu ul { text-align: left; padding-top: 2.5em;}
					div.pg-menu li { display: inline;}
						div.pg-menu a { color: #0c61a2; }



/* Custom CSS */

div.area-logo {
  position: absolute;
  left: 0;
  bottom: 1.4em;
  color:#444a58;
}
div.area-logo a {text-decoration:none; }
div.area-logo a.logo {color:#d3030d}
div.area-logo h1 {text-transform:uppercase; padding:0; margin:0; font-size:180%}

div.logo-img {float:left}

.msg_error { color:#ef0020; }
.msg_error p { color:#ef0020; }
.msg_ok { color:green; font-weight:bold }
.msg_ok p { color:green; font-weight:bold }

img.hand { cursor: pointer;
	cursor: hand;
 }

.srch a {text-decoration:none; border-bottom:1px dashed white}
.srch a:hover {border-bottom:none}


.af h1 {
    font-size:24px;
    font-weight:normal;
		margin-bottom:15px;
		color:#D6D496;
}
.af h2 {
    font-size:18px;
    font-weight:normal;
		margin-bottom:10px;
    color:#D6D496;
}
.af h3 {
    font-size:18px;
    font-weight:normal;
    margin-top:10px;
		margin-bottom:10px;
    color:white;
}

.af p {
    color: white;
    margin-bottom:10px;
}

.af input, .af select, .af textarea {width:100%; font-size:200%; height:200%;}
.af input[type="image"] {width:auto}
.af input[type="checkbox"] {width:auto}

.af div.info {
    background:#717990;
    padding:1em;
    margin: 0.5em 0;
    font-size:20px;
    font-weight:normal;
    color:#D6D496;
}
    .af div.info span { color:white; }

.af p.note { color:#D6D496; }

.af table {width:100%}
.af table td {padding: 0 1em 1em 0 !important;}
.af table td.sub { padding: 0 1em 0em 0 !important; }
.af table td.sub-r { padding: 0 !important; }

.af table.auth div.left {background:#5d6577; padding:6em 2em 2em 2em}
.af table.auth div.right {padding:6em 2em 2em 2em}

.af td div.cap {color:white; font-weight:bold; font-size:150%; padding:0 0 0.4em 0 !important}

.af table.files td {vertical-align:top;}

.af h1.error {color:red}
div.hdr div.stat p.auth {float:right}
div.hdr div.stat p.auth a {color:red; font-size:0.5em; font-weight:bold}

div.notif-err { padding-top: 30px; margin-bottom:-20px }
        div.notif-err div {
                background: #ffffdb url(/files/img/notif-err-ico.jpg) 28px 24px no-repeat;
                border: 1px solid #b0afab;
                padding: 17px 0 24px 120px;
                min-height: 29px;

                _height: 29px;
        }