/*	ELIPSA IT for CLIENT
	CSS Document by dotTOM */

/* 1. RESET 
	------------------------------------ */
	html,body,div,span,
	applet,object,iframe,
	h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,
	del,dfn,em,font,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,
	dd,dl,dt,li,ol,ul,
	fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td {
		margin:0;
		padding:0;
		font-weight:normal;
		font-style:normal;
		font-size:100%;
		font-family:inherit;
		line-height:1;
		text-align:left;
		border:0; }
	table	{ border-collapse:collapse; border-spacing:0; }
	ol,ul	{ list-style:none; }
	q:before,q:after,blockquote:before,blockquote:after	{ content: ""; }
	a img,h1 img,h2 img,h3 img,h4 img,h5 img,h6 img		{ border:0; margin:0; }



/* 2. GLOBAL
	------------------------------------ */
body {
	font-family:Tahoma, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#333333;
	background:#FFFFFF url(scr_images/back_body.jpg) top repeat-x; }

	/* headings ------- */
h1	{ margin-bottom:20px; color:#006699; font-size:24px; font-weight:normal; }
h2	{ margin-bottom:10px; color:#111111; font-size:18px; font-weight:bold; }
h3	{ margin-bottom:10px; color:#111111; font-size:16px; font-weight:bold; }
h4	{ margin-bottom:10px; color:#111111; font-size:14px; font-weight:bold; }
h5	{ margin-bottom:10px; color:#111111; font-size:12px; font-weight:bold; }
h6	{ margin-bottom:10px; color:#111111; font-size:11px; font-weight:bold; }

	/* text elements ------- */
p			{ margin:0 0 1.5em; line-height:130%; }
p img.left	{ float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.right	{ float:right; margin:1.5em 0 1.5em 1.5em; }

a			{ color:#000; text-decoration:underline; }
a:hover		{ color:#222; }

blockquote	{ margin:1.5em; color:#666; font-style:italic; }
strong,dfn	{ font-weight:bold; }
em,dfn,i	{ font-style:italic; }
sup,sub		{ line-height:0; }
u			{ text-decoration:underline; }

abbr,
acronym		{ border-bottom:1px dotted #666; }
address		{ margin:0 0 1.5em; font-style:italic; }
del			{ color:#666; }

pre			{ margin:1.5em 0; white-space:pre; }
pre,code,tt	{ font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }

hr			{ background:#ddd; color:#ddd; margin:0 0 1.45em; height:1px; clear:both; float:none; width:100%; border: none; }

	/* lists ------- */
ul			{ list-style-type:disc; }
ol			{ list-style-type:decimal; }

ul, ol		{ margin:0; }
li ul,li ol	{ margin:5px 1.5em; }
li			{ padding:3px 0px; }

dl			{ margin:0 0 1.5em 0; }
dl dt		{ font-weight:bold; }
dd			{ margin-left:1.5em;}

	/* tables ------- */
table		{ width:100%; }
thead th	{ background:#c3d9ff; }
th			{ font-weight:bold; }
th,td		{ padding:4px 10px 4px 5px; }
td			{ line-height:130%; vertical-align:top; text-align:left; }
tfoot		{ font-style:italic; }
caption		{ background:#eee; }

	/* misc classes ------- */
.small		{ font-size: .8em; line-height:1.875em; margin-bottom:1.875em; }
.large		{ font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.quiet		{ color:#666; }
.loud		{ color:#000; }

.highlight	{ background:#ff0; }
.hide		{ display:none; }
.clear		{ clear:both; }



/* 3. FORMS
	------------------------------------ */
label		{ font-weight:bold; line-height:24px; }
fieldset	{ padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend		{ font-weight:bold; font-size:1.2em; }

input.text, input.title, textarea, select {
	margin:0;
	border:1px solid #bbb;
	font-family:Tahoma, Trebuchet MS, Arial, Verdana, sans-serif; }

input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #0099cc; }

input.text		{ padding:5px; width:260px; }
input.title		{ padding:5px; width:260px;  }
textarea		{ padding:5px; width:350px; height:250px; }

	/* notifications ------- */
.error, .notice, .success {
	padding: .8em;
	margin-bottom:1em; }

.error		{ background:#FBE3E4; color:#8a1f11; border:2px solid #FBC2C4; }
.notice		{ background:#FFF6BF; color:#514721; border:2px solid #FFD324; }
.success	{ background:#E6EFC2; color:#264409; border:2px solid #C6D880; }
.error a	{ color:#8a1f11; }
.notice a	{ color:#514721; }
.success a	{ color:#264409; }

form.obrazac { padding:10px 10px 10px 20px;background-color:#DEE8ED; }



/* 4. LAYOUT
	------------------------------------ */
.intro {
	margin-top:150px;
	text-align:center; }
a.introenter {
	display:block;
	width:106px;
	height:50px;
	text-align:center;
	line-height:46px;
	text-decoration:none;
	font-weight:bold;
	color:#006699;
	background:url(scr_images/link_enter.jpg) top left no-repeat; }
a.introenter:hover {
	color:#0099CC;
	text-decoration:none;
	background-position:right; }

#topBar {
	height:40px;
	border-bottom:1px solid #fff;
	background:url(scr_images/back_topBar.jpg) top repeat-x; }
#header {
	width:900px;
	margin:0 auto; }
#menuBar {
	height:46px;
	background:url(scr_images/back_menuBar.jpg) top repeat-x; }
#container {
	width:900px;
	margin:0 auto;
	padding:0px 10px;
	background:url(scr_images/back_content.jpg) top left no-repeat; }
#addon { }
#footer {
	position:relative;
	margin:0 auto;
	margin-top:40px;
	width:900px;
	height:90px;
		color:#FFFFFF;
		font-size:10px;
	background:url(scr_images/back_footer.jpg) top repeat-x; }
	.made {
		float:right;
		margin:65px 20px 0px 0px; }
		.made a {
			color:#FFFFFF;
			font-weight:bold;
			text-decoration:underline; }
		.made a:hover {
			color:#0099CC; }
	.copy {
		width:215px;
		height:25px;
		background:url(scr_images/logo_footer.jpg) top left no-repeat;
		padding:65px 0px 0px 75px; }
	.links {
		position:absolute;
		top:15px;
		left:0px;
		width:900px;
		height:20px;
		font-size:11px;
		color:#999999;
		text-align:center; }
		.links a {
			padding:0px 3px;
			color:#666666;
			font-weight:bold;
			text-decoration:none; }
		.links a:hover {
			color:#333333;
			text-decoration:underline; }

.content {
	width:840px;
	min-height:400px;
	padding:50px 20px 0px 20px;
	background:#F3F3F3 url(scr_images/back_contentBottom.jpg) bottom center no-repeat; }
.main {
	float:left;
	width:420px; }
.side {
	float:right;
	width:390px; }
.side2 {
	float:left;
	width:300px; }
.main2 {
	float:right;
	width:530px;
	margin-bottom:80px; }

ul.topMenu {
	width:900px;
	margin:0 auto;
	list-style:none;
	padding-top:15px;
	color:#999; }
ul.topMenu li {
	display:inline;
	font-family:Georgia, Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:11px; }
ul.topMenu li a {
	padding:0 5px;
	color:#D9ECFF;
	text-decoration:none; }
ul.topMenu li a:hover {
	color:#D9ECFF;
	text-decoration:underline; }
ul.menu {
	padding-top:15px;
	width:910px;
	list-style:none;
	margin:0 auto; }
ul.menu li {
	padding:0;
	display:inline; }
ul.menu li a {
	padding:12px 20px;
	line-height:22px;
	color:#575959;
	font-weight:bold;
	text-decoration:none; }
ul.menu li a:hover {
	color:#000000;
	text-decoration:none; }
ul.menu li.active {
	padding:12px 0px 13px 0px;
	background:url(scr_images/back_menu_left.jpg) top left no-repeat; }
ul.menu li.active a {
	padding:12px 16px 13px 16px;
	line-height:22px;
	color:#575959;
	font-weight:bold;
	text-decoration:none;
	background:url(scr_images/back_menu_right.jpg) top right no-repeat; }

.menuL2_up {
	background:url(scr_images/back_menuL2_up.jpg) bottom left no-repeat;
	height:15px;
	width:235px; }
.menuL2_middle {
	width:235px;
	background:url(scr_images/back_menuL2_middle.jpg) left repeat-y; }
ul.menuL2 {
	padding:0px 13px 20px 3px;
	list-style:none;
	background:url(scr_images/back_menuL2_bottom.jpg) bottom left no-repeat; }
ul.menuL2 li {
	padding:0;
	list-style:none;
	border-left:1px solid #F1F5F8;
	border-right:1px solid #F1F5F8; }
ul.menuL2 li a {
	display:block;
	padding:4px 5px 4px 25px;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	height:100%;
	text-decoration:none;
	border-bottom:1px solid #CBDCE4; }
ul.menuL2 li a:hover {
	background-color:#CBDCE4;
	color:#006699; }
ul.menuL2 li a.active {	
	color:#0099CC;
	background:url(scr_images/arrow_right.gif) center left no-repeat; }

ul.new {
	float:left;
	width:460px;
	list-style:none;
	padding:5px 0px 10px 0px;
	background-color:#F3F3F3; }
ul.new li {
	padding:4px 0px;
	margin:0px 12px;
	border-bottom:1px dotted #ccc; }
ul.new li.heading {
	margin:0px 0px 5px 0px;
	padding:5px 12px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border:0;
	border-top:1px solid #E5B700;
	background:#FF9900 url(scr_images/back_newHeading.jpg) top repeat-x; }
ul.new li span.date {
	float:left;
	width:75px;
	padding-top:1px;
	color:#999999;
	font-size:11px; }
ul.new li a {
	text-decoration:none;
	font-weight:bold;
	color:#444; }
ul.new li a:hover {
	font-weight:bold;
	color:#0099CC; }

ul.contact {
	float:right;
	width:355px;
	margin-right:20px;
	padding:15px 20px 15px 25px;
	list-style:none;
	color:#FFFFFF;
	font-size:11px;
	border:1px solid #0099CC;
	border-top:5px solid #006699;
	background:#006699 url(scr_images/back_contact.jpg) top repeat-x; }
ul.contact li.heading {
	font-size:14px;
	padding-bottom:15px; }
ul.contact li.map {
	float:right;
	padding:4px;
	border:1px solid #999999; }
ul.contact li.address {
	padding-bottom:10px; }
ul.contact li.tel, ul.contact li.fax, ul.contact li.mobile {
	padding-top:2px; }
ul.contact li.tel span, ul.contact li.fax span, ul.contact li.mobile span {
	float:left;
	width:17px;
	font-weight:bold;
	color:#CCCCCC; }
ul.contact li.email {
	padding-top:10px; }
	ul.contact li.email a {
		color:#FFFFFF;
		text-decoration:underline; }
	ul.contact li.email a:hover {
		text-decoration:none;
		color:#99CCFF; }

img.cntMap {
	border:1px solid #ccc;
	padding:5px;
	margin:25px 0px 0px 0px; }

.contactInfo {
	margin:80px 0px 0px 50px; }


.gallery {
	position:relative;
	padding:5px;
	width:380px;
	margin-bottom:20px;
	background-color:#EBF1F3;
	border:1px solid #DBE1E2; }
table.galLista {
	width:100%;
	height:40px;
	border:0;
	margin-bottom:7px; }
table.galLista td {
	text-align:center;
	padding-top:13px; }
table.galLista td.bLeft {
	width:180px; }
table.galLista td.bRight {
	width:180px;
	text-align:right; }
a.galBack, a.galMore {
	text-indent:-1000em;
	display:block;
	width:23px;
	height:23px;
	outline:none; }
a.galBack {
	position:absolute;
	top:15px;
	left:10px;
	background:url(scr_images/button_galArrow_back.jpg) top left no-repeat; }
	a.galBack:hover {
		background-position:right; }
a.galMore {
	position:absolute;
	top:15px;
	right:10px;
	background:url(scr_images/button_galArrow_more.jpg) top left no-repeat; }
	a.galMore:hover {
		background-position:right; }
a.imageList {
	display:block;
	text-indent:-1000em;
	width:10px;
	height:10px;
	outline:none;
	padding:1px;
	border:1px solid #ccc;
	background:url(scr_images/button_imageList.jpg) center center no-repeat; }
	a.imageList:hover {
		border:1px solid #0099CC; }
table.galLista td a.active {
	background:0;
	background-color:#0099CC;
	border:1px solid #fff; }


/* 5. OTHER
	------------------------------------ */
.fL	{ float:left; }
.fR	{ float:right; }

a.more {
	display:block;
	margin-top:30px;
	font-size:10px;
	font-weight:bold;
	border:0; }
a.more:hover {
	border:0; }


.contentGalleryImage {
	display: block;
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px;
	padding:5px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #e9e9e9; }

.galleryHover {
	border: 1px solid #0099CC; }