@charset "utf-8";
/* 	
	Nerkon web
	_______________________________________________
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/

html, body,
H1, H2, H3, H4, H5, H6,
dl, dt, dd, ul, li, ol,
p, a, strong, address,
fieldset, form, label,
table, tbody, tfoot, thead, tr, th, td,
#header H1
{
	margin: 0;
	padding: 0;
	border: 0;
}

html, body { height: 100%;}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 133%;
	background: #FFF url(background.png) repeat-x;
	color: #1a1a1a;
}

body.editor
{
	background-color: #FFF;
}

H1, H2, H3, H4, H5, H6
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #466bd9;
	line-height: 133%;

	margin: 15px 0px 7px 0px;
}

H1 { font-size: 24px; margin-top: 0px; text-transform: uppercase;}
H2 { font-size: 18px;}
H3 { font-size: 14px; color: #222;}
H4 { font-size: 100%;}
H5 { font-size: 100%; color: #222;}
H6 { font-size: 100%;}

p { margin: 5px 0px 10px 0px;}

p.center { text-align:center;}

p.date
{
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
}

p.info
{
	color: red;
}

a
{
	color: #466bd9;
}

a:link,
a:visited
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a img { 
	border: none;
}

ul
{
	padding: 0px 0px 7px 0px;
	list-style-type: none;
}

ol
{
	padding: 0px 0px 7px 15px;
}

ul li
{ 
	margin: 1px 0px 2px 0px;
	list-style-type: none;
	padding-left: 18px;
	background: url(ul-dot.png) 6px 5px no-repeat;
}

ul li ul
{
	padding: 4px 0px 7px 0px;
}

ul li ul li
{
	background: url(ul-arrow.png) 6px 5px no-repeat;
}
	
ol li {}

em { }

address
{
	font-style: normal;
}

strong
{
	color: #466bd9;
}

/* tables */

table
{
	margin: 10px 0px 10px 0px;
	font-size: 12px;
}

table.standard
{
	border: #FFFFFF solid 1px;
	border-right: none;
	border-bottom: none;
}

table.colored
{
	border: #999999 solid 1px;
	border-right: none;
	border-bottom: none;
}

table.standard th,
table.standard td 
{
	border-right: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	background-color: #E6E6E6;
	color: #504a4a;
}

table.standard th
{
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
}

table.colored th,
table.colored td
{
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	background-color: #cccccc;
	color: #504a4a;
}

table.colored th
{
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td
{
	padding: 5px 5px 5px 10px;
}


/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.hidden
{
	display: none;
}

.imgL
{
	float: left;
	margin: 0px 10px 10px 0px;
}

.imgR
{
	float: right;
	margin: 0px 0px 10px 10px;
}

/* inputs and labels */

.form,
.custom-form,
.wrapper
{
	position: relative;
	float: left;
	height: auto;
	width: 100%;
}

input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px; /* 25px */
	padding: 6px 0px 0px 4px;
	border: 0;
	background: url(input-background.png) no-repeat;
}

select
{
}

textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	padding: 4px;
	background: url(input-background.png) no-repeat;
}

input.submit
{
	height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	background: #466bd9;
	cursor: pointer;
	padding: inherit;
}

input.captcha-number
{
	width: 145px;
}

.captcha
{
	float: left;
	height: auto;
	width: 320px;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

.captcha-image
{
	float: left;
	padding: 10px 30px;
	border: #CCC solid 1px;
}

.captcha-help
{
	display: block;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	
	padding-left: 170px;
}

table.customFormTable td.label
{
	font-weight: bold;
	vertical-align: top;
	padding-top: 10px;
}

table.customFormTable td
{
	padding-bottom: 2px;
}

table.customFormTable input
{
	width: 250px;
}

table.customFormTable input.submit
{
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}

table.customFormTable input.captcha-number
{
	width: 145px;
}

table.customFormTable textarea
{
	width: 400px;
	height: 200px;
}

table.customFormTable input,
table.customFormTable textarea
{
	border: #CCC solid 1px;
}

table.customFormTable input[type='radio'],
table.customFormTable input[type='checkbox']
{
	width: 15px;
	padding-top: 2px;
}

/*
	layout ----------------------------------------
	_______________________________________________
*/

#back
{
	position: relative;
	min-height: 100%;
	width: 100%;
	text-align: center;
}

#main
{
	margin: 0 auto 0 auto;
	height: auto;
	width: 984px;
}

/*  header --------------------------------------- */

#header
{
	position: relative;
	height: 205px;
	width: 100%;
	background: url(header-background.jpg) no-repeat;
}

#header H1
{
	position: absolute;
	overflow: hidden;
	top: 30px;
	left: 25px;
	height: 122px;
	line-height: 122px;
	width: 210px;
	font-size: 42px;
}

#header H1 a span
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(header-logo.png) no-repeat;
}

/* search */
.search
{
	position: absolute;
	top: 90px;
	right: 66px;
	height: 60px;
	width: 307px;
}

.search input.field,
.search input.submit
{
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
}

.search input.submit
{
	left:auto; right:7px;
	width: 60px;
}

/*  menu --------------------------------------- */

/* menu secondary */
.menu-secondary
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	line-height: 30px;
	width: 735px;
}

.menu-secondary ul
{
	float: right;
	padding: 0px;
	margin: 0px 20px 0px 0px;
}

.menu-secondary ul li
{
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 5px;
	background: none;
}

.menu-secondary ul li a
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	background: url(arrow-secondarymenu.png) left no-repeat;
}

.menu-secondary ul li a:hover
{
	text-decoration: underline;
}

/* langmenu */
.langmenu
{
	position: absolute;
	top: 50px;
	right: 75px;
	height: 30px;
	line-height: 30px;
	width: 300px;
	text-align: right;
	color: #000;
}

.langmenu a
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display:inline-blokck;
	padding-left:25px;
	background: left center no-repeat;
}
.langmenu a.cs { background-image: url(cz.png); }
.langmenu a.de { background-image: url(de.png); }
.langmenu a.en { background-image: url(gb.png); }
.langmenu a.ru { background-image: url(ru.png); }

.langmenu a:hover
{
	text-decoration: underline;
}

/* menu main */ 
#menu
{
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 42px;
	width: 100%;
}

#menu ul
{
	float: left;
	padding: 0px;
	margin: 0px 20px 0px 0px;
}

#menu ul li
{
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	background: none;
}

#menu ul li a 
{
	display: inline-block;
	height: 27px; /* 42px */
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding: 15px 20px 0px 20px;
	
}

#menu ul li a:hover,
#menu ul li a.active
{
	color: #000000;
	background: url(menu-background.png) no-repeat;
}

/* submenu */
#submenu
{
	height: 37px;
	line-height: 37px;
	width: 100%;
	color: #466bd9;
}

#submenu ul
{
	float: right;
	width: 964px;
	padding: 0px;
	margin: 0px 20px 0px 0px;
}

#submenu ul li
{
	float: left;
	padding: 0px;
	margin: 0px;
	background: none;
}

#submenu ul li a 
{
	font-size: 12px;
	text-decoration: none;
	padding: 0px 20px 0px 20px;
}

#submenu ul li a:hover,
#submenu ul li a.active
{
	color: #000000;
	background: url(arrow-submeny-left.png) 5px no-repeat;
}


/*  content ------------------------------------------ */

/* col-left */
#content
{
	float: left;
	height: auto;
	width: 680px;
}

/* col-right */
#col
{
	float: right;
	height: auto;
	width: 285px;
}

/* box */
.box
{
	float: left;
	height: auto;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	background: url(box-background-big.png) repeat-x;
}

#col .box
{
	font-size: 11px;
}

.box.flash
{
	background: url(flash-background.png) repeat-x;
}

.box .in
{
	float: left;
	height: auto;
	width: 630px; /* 680px */
	padding: 15px 25px 25px 25px;
}

.box.flash .in
{
	padding: 25px;
}

#col .box .in
{
	float: left;
	height: auto;
	width: 255px; /* 680px */
	padding: 15px;
}

.box H1.label,
.box H2.label,
.box H3.label,
.box H4.label,
.box H5.label,
.box H6.label
{
	font-size: 24px;
	margin: 0px 0px 20px 0px;
}

/* article box */
.item,
.arch,
.gallery-item,
.article-item,
.recommend-item
{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}

.recommend-item
{
	border-top: #d4d4d4 solid 1px;
	padding-top: 15px;
}

.item
{
	position: relative;
	overflow: hidden;
	height: 140px;
	margin-bottom: 0px;
}

.item H1,
.item H2,
.item H3,
.item H4,
.item H5,
.item H6
{
	font-size: 12px;
	color: #466bd9;
	margin: 0px;
}

.item HR
{
	position: absolute;
	left: 0px;
	bottom: 10px;
	height: 1px;
	width: 100%;
	border: none;
	background: url(col-left-separator.png) no-repeat;
}

.arch
{
	margin: 10px 0px 0px 0px;
	text-align: right;
}

.arch a
{
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #515050;
	text-decoration: none;
	padding-left: 20px;
	background: url(arrow-black-right.png) left no-repeat;
}

.arch a:hover
{
	text-decoration: underline;
}

/* article scroll effect */
.wrappcalInner,
.calInner
{
	position: relative;
	height: auto;
	width: 100%;
}

.wrappcalInner
{
	overflow: hidden;
	height: 280px;
}

/* notify */
.notify
{
	height: auto;
	width: 550px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 10px 30px 0px 50px;
}

.notify.red
{
	border: #dbb2b2 solid 1px;
	color: #aa2121;
	background: #ffd5d5 url(ico-notify-red.png) 20px 50% no-repeat;
}

.notify.grey
{
	border: #999999 solid 1px;
	color: #504a4a;
	background: #cccccc url(ico-notify-grey.png) 20px 50% no-repeat;
}

.notify.yellow
{
	border: #ffe363 solid 1px;
	color: #a07415;
	background:#fff3a3 url(ico-notify-yellow.png) 20px 50% no-repeat;
}

/* mgallery */
.gallery-item
{
	margin-bottom: 25px;
}


.gallery-item .img
{
	float: left;
	height: 152px;
	width: 178px;
}

.photo-item
{
	overflow: hidden;
	float: left;
	height: 150px;
	width: 150px;
	
	background: #d4d4d4;
	
	margin: 0px 5px 15px 0px;
}

.photo-item img
{
	width: 142px;
	height: 142px;
}

.gallery-item .img a img,
.photo-item a img
{
	border: #d4d4d4 solid 4px;
}

.gallery-item .img a:hover img,
.photo-item a:hover img
{
	border: #466bd9 solid 4px;
}

.legend
{
	float: left;
	height: auto;
	width: 450px;
}

.legend H2,
.legend H3,
.legend H4,
.legend H5,
.legend H6,
.article-item H2,
.article-item H3,
.article-item H4,
.article-item H5,
.article-item H6
{
	font-size: 14px;
	margin-top: 0px;
}

/* articles */
.article-item
{
	margin-bottom: 25px;
}

.article-item img
{
	float: right;
	border: #d4d4d4 solid 1px;
	margin: 0px 0px 10px 25px;
}

.article-item p.date
{
	padding-left: 15px;
	background: url(ico-time.png) left 2px no-repeat;
}

/* pager */
.pager
{
	float: left;
	height: auto;
	width: 100%;
	font-weight: bold;
	border-top: #d4d4d4 solid 1px;
}

.pager.nav
{
	text-align: right;
}

.pager a
{
	font-weight: bold;
	color: #000000;
	padding-right: 5px;
}

.pager.nav a
{
	background: url(arrow-double-left.png) left no-repeat;
	padding-left: 10px;
}

.pager a.previous
{
	padding-left: 15px;
	background: url(arrow-submeny-right.png) right no-repeat;
}

.pager a.next
{
	padding-right: 15px;
	background: url(arrow-submeny-left.png) right no-repeat;
}

.pager a.active
{
	text-decoration: none;
}

.pager span.active
{
	background: url(pager-background.png) bottom repeat-x;
	padding: 0px 4px;
}

/* fulltext */
.fulltext,
.fulltext-tips,
.resume,
.f3-item,
.item-label,
.fragment
{
	height: auto;
	width: 100%;
}

.fulltext-tips
{
	width: 550px;
	padding: 0px 30px 0px 50px;
	border: #999999 solid 1px;
	color: #504a4a;
	background: #cccccc url(ico-notify-grey.png) 20px 50% no-repeat;
}

.fulltext H2.title
{
	font-size: 15px;
	line-height: 18px;
	color: #333333;
	
	margin: 7px 0px;
	padding: 0px 0px 7px 0px;

	border-bottom: #EE7F13 solid 1px;
}


/*  footer ------------------------------------------ */

#foot
{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 164px;
	width: 100%;
	text-align: center;
	background: #b1b0b0;
}

#foot .in
{
	position: relative;
	margin: 15px auto 0px auto;
	height: 130px;
	width: 924px;
	text-align: left;
}

#foot h3
{
	margin: 10px 0px 5px 0px;
	color: #FFFFFF;
}

#foot p
{
	font-size: 11px;
	color: #FFFFFF;
}

#foot a
{
	color: #FFFFFF;
}

.sub,
.newsletter,
.copy
{
	position: relative;
	float: left;
	overflow: hidden;
	height: 100%;
	width: 420px;
}

.newsletter
{
	width: 245px;
}

.copy
{
	width: 259px;
}

.newsletter input.field,
.newsletter input.submit
{
	position: absolute;
	top: 90px;
	left: 0;
	width: 150px;
}

.newsletter input.submit
{
	left: 160px;
	width: 60px;
}

/*
	all -----------------------------------------------------
	_______________________________________________
*/

.h1 { height: 1px;}
.h5 { height: 5px;}
.h10 { height: 10px;}
.h20 { height: 20px;}
.h25 { height: 25px;}
.h30 { height: 30px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h55 { height: 55px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}
.h100 { height: 100px;}
.h120 { height: 120px;}
.h200 { height: 200px;}

.w5 { width: 5px;}
.w10 { width: 10px;}
.w20 { width: 20px;}
.w25 { width: 25px;}
.w30 { width: 30px;}
.w40 { width: 40px;}
.w50 { width: 50px;}
.w55 { width: 55px;}
.w60 { width: 60px;}
.w70 { width: 70px;}
.w80 { width: 80px;}
.w90 { width: 90px;}
.w100 { width: 100px;}
.w350 { width: 350px;}

.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.left { float: left;}
.right { float: right;}