/* BSP Magnetica s.r.o., Robert Gonda, 2010 ***************************************************** */

/** 
 * Information web portal for 5gram; home page
 * 
 * @author: Robert Gonda <robert.gonda@gmail.com>
 * @author: Peter ?vec <svec@bspm.sk>
 * @company: BSP Magnetica s.r.o., Spisska Nova Ves, Slovakia
 */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	/* color: #273A45; */
}

html, body {
	/* height: 100%; */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #273A45;
	background: #FFFFFF;
	text-align: center; /* IE */
	background-color: #F8F8F8;
	border-top: 11px solid #41AD49;
}

div {
	background: transparent;
}

.bodywrap {
	width: 100%;
	background-color: #FFFFFF;
}

.grayBg {
	background-color: #F8F8F8;
}

#page {
	/* width: 1066px; */
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#header {
	padding: 20px;
	margin: 0 auto;
	max-width: 1020px;
	height: 297px;
	position: relative;
	background: #FFFFFF url('../img/home/header.jpg') no-repeat right 0px;
}

#header img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#header img#headerImage {
	left: 297px;
	top: 11px;
}

#header img#logo {
	/* margin: 0 0 30PX; */
	display: block;
	position: relative;
	/* left: 369px; */
	/* top: 30px; */
	/* width: 330px; */
	/* height: 249px; */
	max-width: 100%;
}

#content {
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#contentIn {
	margin-left: 52px;
}

.box {
	/* float: left; */
	/* width: 262px; */
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	color: #273A45;
	margin-top: 30px;
}

.box a {
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	color: #273A45;	
}

.box a:hover {
	color: #81B20A;	
}

.lang, .sellang {
	display: block;
}

.lang, .lang a {
	font: bold 24px/24px Arial, Helvetica, sans-serif;
	color: #81B20A;
}

.sellang {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #6E7B85;
	margin-bottom: 17px;
}

.sellang a {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #6E7B85;
}

.clearer {
	float: none;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.clearerLine {
	float: none;
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	border-top: 1px solid #8D9393;
}

a, a:hover {
	text-decoration: none;
}



@media only screen and (max-width: 720px) {
	#header{ background: none; }
}