body {
	background: white  url('../images/bg.png') top left repeat-x;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 15px;
	line-height: 1.3;
	color: #383f21;
}

a { color: #306D9F; text-decoration: none !important}
a:hover { color:  black }

p { margin: 0 0 0 5px; padding: 0; }
h1 { color: #576786 !important ;font-size: 15px;margin: 7px;padding: 0;}
hr { margin: 10px 0px 10px 0px; width: 750px; border: none; background: transparent url('../images/hr.png') center no-repeat; height: 2px; clear: both; }

#layout { text-align: center; width: 750px; height: 100%; margin: 0px auto 0px auto;}

#container {
	float: left;
	width: 750px;
}

#content {
	width: 750px;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	text-align: left;
	background: transparent url('../images/bg_content.png') repeat-y;
}
#content #data {
	padding: 5px 25px;
	font-size: 12px;
	white-space: pre-line;
}

#container #homepage {
	float: left;
	width: 750px;
	padding: 0px;
}

#container #homepage #top {
	position: relative;
	float: left;
	width: 750px;
	height: 224px;
	background: transparent url('../images/top.png') top center no-repeat;
}

#container #homepage #top #directions{
	position: absolute;
	bottom: 30px;
	left: 165px;
	font-size: 10px;
}

#container #homepage #top #logo {
	position: absolute;
	bottom: 0px;
	left: 17px;
	width: 145px;
	height: 145px;
	background: transparent url('../images/logo_suplo.png') no-repeat;
	z-index: 101;
}

#container #homepage #top #logo h1 {
	display: none;
}

#container #homepage #top #logo a {
	display: block;
	width: 145px;
	height: 145px;
}

#container #homepage #top #langs {
	float: right;
	clear: both;
	margin: 10px 0 0 3px;
}

#container #homepage #top #langs ul {
	padding: 0; margin: 0;
}

#container #homepage #top #langs ul li {
	float: left;
	display: block;
	padding: 3px;
	color: #2ea837;
}

#container #homepage #top #langs ul li:hover {
	float: left;
	display: block;

}

#container {
	text-align: left;
}

#container #homepage #top .menu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 750px;
	height: 41px;
	background: transparent url('../images/bg_menu.png') repeat-x;
	float: left;
	z-index: 100;
	color: #fdeb00;
	font-size: 17px;
	
}
#container #homepage #top .menu a {
	display: block;
	color: #fdeb00;
/*	height: 51px;*/
	width: auto;
	padding: 10px 0px;
}
#container #homepage #top .menu a:hover {
/*	background: transparent url('../images/bg_menu_item_hover_link.png') top center no-repeat;*/


}

#container #homepage #top .menu ul {
	padding: 0; margin: 0 0 0 160px;
}

#container #homepage #top .menu ul li {
	display: block;
	float: left;
	padding: 0px 8px;
	position: relative;
}

#container #homepage #top .menu ul li:hover {
	display: block;
	float: left;
	padding: 0px 8px;
	background: transparent url('../images/bg_menu_item_hover.png') repeat-x;
}


#container #homepage #top .menu ul li .item a {
	padding: 0;
	color: #383f21;
	font-size: 10px;
}

#container #homepage #top .menu ul li .item a:hover {
	color: #fdeb00;
}

#container #homepage #top .menu ul li .item {
	display: none;
	position: absolute;
	width: 500px;
	height: 350px;
	overflow: auto;
	top: 37px;
	left: -70px;
	background-color: #b3cf53;
	border: solid 1px #fdeb00;
	padding: 20px;
	font-size: 12px;
	color: #383f21;
}
#container #homepage #top .menu ul li:hover .item {
	display: block;
}

#footer a { color: #222 }


#footer_logo {
	float: left;
	padding-left: 25px;
	height: 40px;
	background: transparent url('../images/logo_suplo_small.png') no-repeat;
}
#footer {
	float: left;
	width: 100%;
	height: 22px;
	padding: 10px 0;
	text-align: right;
	font-size: 12px;
	padding 5px;
	background: white url('../images/bg_footer.png') repeat-x;
}

#done, #errors { position: absolute; top: 0px;left: 0px;color: #333;font-size: 20px;z-index: 100;width: 100%;height: 100%;}
#done, #errors {background-color: black;z-index: 100;}

#done #text, #errors #text {position: relative;top: 40%;width: 600px;margin-left: auto;margin-right: auto;padding-left: 30px;color: white;background-color: #4b9dd5;padding: 30px;border: solid 1px #f5f5f6;}



.public_list { margin-top: 3px; }
table.public_list { border: 1px solid #ddd; width: 99%; border-collapse: collapse; }
table.public_list th { background-color: #eee; }
table.public_list td { padding: 8px; border-bottom: 1px solid #ddd; }
table.public_list tr:hover { background-color: #f4f5f6; }

.products ul { padding: 10px; margin:0 }
.products ul li {
	display: block;
	float: left;
	height: 130px;	
	width: 110px !important;
	border: solid 1px #eee;
}

.products ul li a:hover {
color: #54630b;
}

#lightbox { position: absolute;  top:0 ;left: 0; display: none;  z-index: 11000 !important;  width: 100%;  height: 100%;  background-color: black;  padding: 100px 0px; color: white !important; cursor: pointer; }

/*COMMON STYLES*/
.data_img { float: left; margin: 5px; border: solid 1px #eee; padding: 2px; }
.pointer { cursor: pointer }
.margin-top { margin-top: 40px } 
.margin-bottom { margin-bottom: 40px } 
.size24 { font-size: 24px }
.size18 { font-size: 18px }
.size12 { font-size: 12px }
.normal { font-weight: normal !important }
.strong { font-weight: bold  !important }
.blue1 { color: #a0afc8 }
.blue2 { color: #576786 }
.blue3 { color: #8a98b0 }
.gold { color: #f2c43c  !important }
.gold a { color: #f2c43c !important }
.white { color: white !important }
.white a { color: white !important }
.green { color: #54630b; }
.yellow { color: #fdeb00}
.padding { padding: 10px; }
.no-padding { padding: 0px !important }