/* ===================================================================================


Author: Videlin Nikolov
Site: www.spot.bg 


=================================================================================== */

* {margin: 0; padding: 0;}

html, img {border: 0;}

html, body {
	color: #FFFFFF;
	text-align: center;
	background-color: #a4a3a3;
	background-image: url(../img/page_b.png);
	background-repeat: repeat-x;
	background-position: 50% 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}

#eXtra {
	background-color: #a4a3a3;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#figura {
	float: right;
}
#site {
	position: relative;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../img/site_b.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.index #site {background-image: url(../img/in_site_b.png);}

/* :: Page Header =============================================================== */

#header {padding: 35px 0 8px;}

	#intro {}
	
		#intro h1 {
	position: absolute;
	top: 170px;
	left: 13px;
	width: 165px;
	height: 42px;
	margin: 0;
	padding: 0;
	background-image: url(../img/logo_bg.png);
	background-repeat: no-repeat;
		}
		
		#en #intro h1 {
			background-image: url(../img/logo_en.png);
		}
			
			#intro h1 a {
				display: block; 
				width: 165px; height: 42px; 
			}
			
		#skipNav {position: absolute; left: -5555px;}
		
	#graphic {
	background-image: url(../img/graphic01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 151px;
	height: 217px;
	}
	
	.index #graphic {height: 217px;}

	
/* :: Language :: */

#lang {
	position: absolute; top: 178px; left: 859px; z-index: 200;
	list-style: none; width: 92px; height: 29px;
}

	#lang a {
	display: block;
	width: 92px;
	height: 29px;
	background-image: url(../img/lang.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	#lang a:hover {background-position: 0 -100px;}
	
	#en #lang a {background-position: -150px 0;}
	
	#en #lang a:hover {background-position: -150px -100px;}


/* =========================================================================== :: */

/* :: Main Navigation :: */

#mainNav {
	position: absolute;
	top: 180px;
	left: 89px;
	z-index: 1000;
	width: 738px;
	list-style: none;
	background-image: url(../img/main-nav_b.png);
	background-repeat: no-repeat;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 66px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

	#mainNav li {
	height: 74px;
	float: right;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	}
	
	#en #mainNav li {margin-right: 28px;}
	
	#mainNav li.current {
	background-image: url(../img/li_current_b.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	}
	
	.index #mainNav li.current {background: none;}

		#mainNav a {
	display: block;
	height: 29px;
	background-image: url(../img/main-nav_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
		}
		
		#en #mainNav a {
	background-image: url(../img/main-nav_en.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
		}
		
		
		.b01 a, .b01current a {background-position: -420px 0 !important;width: 110px;
}
		.b02 a, .b02current a {background-position: -545px 0 !important; width: 115px;}
		.b03 a, .b03current a {background-position: -678px 0 !important; width: 141px;}
		.b04 a, .b04current a {background-position: -218px 0 !important; width: 171px;}
		
		#en .b01 a, #en .b01current a {width: 110px;}
		#en .b02 a, #en .b02current a {width: 115px;}
		#en .b03 a, #en .b03current a {width: 141px;}
		#en .b04 a, #en .b04current a {width: 171px;}
		
		
		.b01 a:hover {background-position: -420px -189px !important;}
		.b02 a:hover {background-position: -545px -189px !important;}
		.b03 a:hover {background-position: -678px -189px !important;}
		.b04 a:hover {background-position: -218px -189px !important;}
		
		.b01current a {background-position: -420px -189px !important;}
		.b02current a {background-position: -545px -189px !important;}
		.b03current a {background-position: -678px -189px !important;}
		.b04current a {background-position: -218px -189px !important;}


/* :: Page Content =================================================== :: */

hr {
	clear: both;
	height: 1px;
	margin: 1em 0;
	border: 1px solid #7e0606; border-width: 1px 0 0;
}


#mainBody {
	background-image: url(../img/main-body_b.png);
	background-repeat: repeat-y;
	background-position: 0 0;
}

	#main {
	background-image: url(../img/main_b.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	#main a {
		color: #FFFFFF;
		text-decoration: none;
		padding: 0.1em 0.2em;
		background: none;
		border-bottom: 1px solid black;
	}
	
	#main a:link {
		text-decoration: none;
	}
	#main a:hover {
	text-decoration: none;		/*color: white;
		background-color: #046097;*/
	}
	
		#content {
	min-height: 200px;
	margin: 0;
	padding-top: 15px;
	padding-right: 165px;
	padding-bottom: 15px;
	padding-left: 280px;
	width: 600px;
	text-decoration: none;
		}

				
		.index #content {
	background-position: 544px 0;
	padding-top: 15px;
	padding-right: 100px;
	padding-bottom: 0;
	padding-left: 200px;
		}
		
			#content h3 {
	position: relative;
	left: -44px;
	width: 50%;
	color: white;
	background-color: #046097;
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 1.4em;
	margin-left: 0;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 1em;
			}
			
			.index #content h3 {
	left: -41px;
	width: 150px;
	font-size: 1.9em;
	color: #FFFFFF;
	background-color: #046097;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	height: 25px;
	padding-top: 4px;
			}
			
			#content h4 {
	position: relative;
	left: -44px;
	width: 50%;
	color: white;
	background-color: #046097;
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 1.4em;
	margin-left: 0;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 1em;
			}
			
			.index #content h4 {
	left: -41px;
	width: 230px;
	font-size: 1.9em;
	color: #FFFFFF;
	background-color: #046097;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	height: 25px;
	padding-top: 4px;
			}
				.index #content h3 a {
					color: black !important;
					text-decoration: none;
					background: none !important;
					border: none !important;
				}
			
				.index #content div p {
					padding-left: 9px;
				}
			
				#content .more {
					font-size: 1.2em; font-weight: bold;
					color: white;
					white-space: nowrap;
				}

		
			#content h4 {
	margin: 1.5em 0 1.3em;
	padding: 0.3em 0.5em 0.4em;
	color: #FFFFFF;
			}
			
			#content h5, #content h6 {color: white;}
			
			
			#content ul {
	list-style: none;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
			}
			
				#content li {
	font-size: 1.1em;
	color: white;
	padding-left: 16px;
	background-image: url(../img/bullet01.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
				}
				
			#content ul.references, #content ul.noList {
	padding: 0;
	float: right;
			}
				
				#content ul.noList li {
					padding: 0;
					background: none;
				}
				
					#content ul.noList li a {
						background: none !important;
						border: none !important;
					}
				
				#content ul.references li {
					margin: 0 16px 15px 0; padding: 0;
					background: none;
				}
				
				#content ul.cert li {
	min-height: 35px;
	padding: 0 0 0 35px;
	background-image: url(../img/bullet_cert.png);
	background-repeat: no-repeat;
	background-position: 0 0;
				}
	.pdf {
	text-decoration: none;
	float: right;
	}
	
	.pdf a {
	text-decoration: none;
	}
	
	.pdf a:link {
		text-decoration: none;
	}
	.pdf a:hover {
		text-decoration: none;
	}
				
		


table {
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table caption {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}
/*table, th, td {
	font-size: 1em;
	color: #000000;	border-collapse: collapse; border: 1px solid #333333;
	font-weight: normal;
}*/
table.nada, th, td {
	font-size: 1em;
	color: #FFFFFF;
	border-collapse: collapse;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

	table.completa tr, td {
	padding: 0.3em 0.5em;
	font-weight: normal;
	border: thin solid #FFFFFF;
	color: #FFFFFF;
	}
	table.nada td {
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

	th {
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	background-color: #EAEAEA;
	}



			

/* :: Contact ======================================================== :: */

.contact {
	margin: 0; padding: 0 0 0 6px;
}

	input, textarea {
		font: 1.1em Arial, Helvetica, sans-serif;
		padding: 0.2em;
		background: white;
		border: 1px solid #c7c7c7;
	}
	
	select {border: 1px solid #c7c7c7;}

	.txt  {
		color: black; width: 200px; 
		padding: 3px; margin: 2px 0;
	}

	.contact p {
		clear: left; 
		padding: 0 !important; margin: 0 0 1.3em;
	}
	
		.contact p label {
			float: none; display: block; 
			width: auto;
		}
	
		.contact em {color: #dc8484;}
	
	.btn {
	color: white;
	font: bold 1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0.2em 0.6em;
	cursor: pointer;
	background-color: #046097;
	border-top-color: #000066;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #000066;
	}
	
	.btn:hover {background-color: #55BDFB;}
	
	.warning {
		margin-bottom: 1.5em;
	}



/* :: Footer ========================================================= :: */

#footer {
	clear: both;
	position: relative;
	color: black;
	min-height: 100px;
	padding: 50px 150px 0 280px;
	background-image: url(../img/footer_b.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

	.copy {
	float: left;
	padding-left: 35px;
	}
	
	.copy a{
	color: #666666;
	}
	
	#spot {
		position: relative;
		float: right;
		padding: 10px 0 5px 0; 
	}
	
	#spot a {
	display: block;
	float: right;
	width: 150px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url(../img/spot_logo_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	#en #spot a {background-image: url(../img/spot_logo_en.gif);}
		
	#spot a:hover {background-position: 0 -100px;}
	
		#spot a:hover em {
			display: block;
			position: absolute; top: -10px; right: 90px;
			color: black; font-size: 12px; font-style: normal;
			padding: 1px 3px;
			background: #ffffe1;
			border: 1px solid black;
		}

/* :: EOS :: */

acronym {font-style: normal; border-bottom: 1px dotted #686868; cursor: help;}

.floatLeft {float: left;}

.floatRight {float: right;}
.floatRight a {
	text-decoration: none;
}
.floatRight a:link {
	text-decoration: none;
}

.clearBoth {clear: both;}

.clearFix:after {
    content: "."; display: block; 
    height: 0; clear: both; 
    visibility: hidden;
}

.clearFix {display: inline-block;}

/* Hide from IE Mac \*/
.clearFix {display: block;}
/* End hide from IE Mac */


h3, h5, h6, .copy {cursor: default;}



#header h1 span, #header p, #header hr,
#lang span,
#mainNav a span,
#addBar h3 span, #addBar .more span,
.promo h3 span, .products h3 span, .products li a span,
#spot a span, #spot em,
.hide {display: none;}
.error {
	color: #da3939;
	font-size: 9px;
	text-align: right;
	font-style: italic;
	font-weight: normal;
	z-index: 100;
}