/* CSS Document */
html, body, #site_back{
	width:100%;
	height:100%;	
}
html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, a, input, img, blockquote, acronym, hr{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	font-weight:normal;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	background-color:#c3c3c3;
	background-image: url(../images/bodyBack.jpg);
	background-repeat:repeat-x;
}
#site{
	width:960px;	
	margin: 0 auto;
	background:url(../images/siteBack_repY.jpg) repeat-y 0 0;
	overflow:hidden;
}

a{
	text-decoration:none;
}

/************************************************header*/
#header{
	width:960px;
	height:225px;
	position:relative;
	float:left;
	background:url(../images/headerBack.jpg) no-repeat 0 0;
}
#header a.mitol{
	display:block;
	width:80px;
	height:80px;
	text-indent:-10000px;
	position:absolute;
	top:20px;
	left:60px;
	background:url(../images/mitol_logo.png) no-repeat 0 0;
	overflow:hidden;
}
#header a.mlakk{
	display:block;
	width:150px;
	height:60px;
	text-indent:-10000px;
	position:absolute;
	top:30px;
	right: 40px;
	background:url(../images/magyarlakk_logo.jpg) no-repeat 0 0;
	overflow:hidden;	
}
#header ul.menu{
	width:800px;/*960-*/
	height:110px;
	padding: 0 80px;
	position:absolute;
	top:115px;
	left:0;
	overflow:hidden;
}
#header li{
	width:170px;/*200-*/
	height:80px;
	padding: 0 15px;
	display:block;
	float:left;	
}
#header li a{
	width:160px;/*170-*/
	height:80px;
	padding: 0 5px;
	display:block;
	line-height:80px;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	text-align:center;
	background:url(../images/menuButton.png) no-repeat 0 -80px;
}
#header li a:hover, #header li.active a{
	color:white;
	background:url(../images/menuButton.png) no-repeat 0 0px;	
}
/***********************************************content*/
.content{
	width: 770px;/*960-*/
	min-height:200px;/*275-*/
	padding: 50px 95px 20px 95px;
	overflow:hidden;
	float:left;
	background:url(../images/contentBack.jpg) no-repeat 0 0;
}
h1{
	font-size:2.2em;
	margin-bottom:1em;
	font-weight:bold;
	letter-spacing:1px;
	color:#940000;
}
h2{
	font-size:1.6em;
	margin:1.5em 0 0.5em 0;
	font-weight:bold;
	color:#FFB400;
	color:#940000;
}
p{
	margin-bottom:1.5em;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.4em;
	line-height: 1.5em;
	color:#333;
	text-align:justify;
}
p a, dl a{
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:2px;
	color:#940000;
}
p a:hover, dl a:hover{
	text-decoration:underline;
}
p em{
	font-style:normal;
	letter-spacing:2px;
	color:#940000;
}

div#address{
	width:400px;
	float:left;
}
div#address p{
	padding-top:5px;
	font-size:1.1em;
	line-height:1.4em;
}

dl{
	line-height:1.5em;
	font-size:1.4em;
	overflow:hidden;
}
#address dt, #address dd{
	float:left;
}
#contact dt{
	width:50px;	
}
#resellers dl{
	position:relative;
	line-height:1.2em;
	margin-top:1.2em;
}
#resellers dt{
	font-weight:bold;	
	margin-right:10px;
}
#resellers dd{
	width:600px;

}

.content img, .mapouter{
	padding:6px;
	border: 1px solid #c3c3c3;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	float:right;
	margin-left:15px;
	/*
	-webkit-box-shadow: 0px 3px 5px #767676;
	-moz-box-shadow: 0px 3px 5px #767676;
	box-shadow: 0px 3px 5px #767676;	
	*/
}
#map_canvas{
	width:340px;
	height:340px;	
}
table{
	width:770px;
	margin-bottom:30px;
}
caption{	
	padding: 0 5px;
	line-height:50px;
	font-size:1.8em;
	letter-spacing:2px;
	color:#FFB400;
	color:#940000;
	text-align:left;
	font-weight:bold;
}
thead{
	font-size:1.2em;	
	color:#FFB400;
}
thead tr{
	height:50px;
}
thead th{
	padding: 0 5px;	
	border: 1px solid #333;	
	background:#333;	
}
thead th, tbody td{
	padding: 0 5px;	
}
thead th.name, thead th.desc{
	text-align:left;
}
thead th.name{
	width:190px;/*200-*/
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;

	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	
	border-top-left-radius:6px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;	
}
thead th.desc{
	width:410px;/*420-*/
}
thead th.tds, thead th.sds, tbody td.tds, tbody td.sds{
	width:70px;/*80-*/
	text-align:center;
}

thead th.sds{
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	
	border-top-left-radius:0px;
	border-top-right-radius:6px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;	
}

tbody{
	font-family:Verdana, Geneva, sans-serif;	
}
tbody td.name, tbody td.desc{
	text-align:left;
}
tbody td.name, tbody td.desc, tbody td.tds, tbody td.sds{
	border-left: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}
tbody td.sds{
	border-right: 1px solid #d3d3d3;
}
tbody td.tds, tbody td.sds{
	text-align:center;
}

tbody td.tds a, tbody td.sds a{
	display:block;
	width:50px;
	height:50px;
	margin: 0 auto;
	text-indent:-10000px;
	overflow:hidden;
}
tbody td.tds a{
	background:url(../images/tds.png) no-repeat 0 0;
}
tbody td.sds a{
	background:url(../images/sds.png) no-repeat 0 0;
}

tbody{
}
tbody td.name{
	font-size:1.4em;
	font-weight:bold;
}
tbody td.desc{
	font-size:1.2em;
	font-style:italic;
	letter-spacing:1px;
}
tbody tr{
	height:50px;
}
tbody tr.odd{
	background:#e8e8e8;	
}
tbody tr.even{
	background:#f0f0f0;
}

tfoot tr{
	height:20px;
}
tfoot td{
	background:#e8e8e8;
	border: 1px solid #e8e8e8;
	border-bottom: 1px solid #d3d3d3;
}
tfoot td.name{
	border-left: 1px solid #d3d3d3;
	
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:0px;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:0px;	
}
tfoot td.sds{
	border-right: 1px solid #d3d3d3;
	
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:6px;

	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:6px;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:6px;	
}




/***********************************************footer*/
#footer{
	width:960px;
	height:55px;
	float:left;
	background:url(../images/footerBack.jpg) no-repeat 0 0;
}