/* background: color position size repeat origin clip attachment image; */

body {
	background-color: white;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#9C0000;
	text-align: center;
	behavior: url("../scripts/csshover.htc");
}
a {
	color: #564b47;
}
a img{
	border: none;
}
table {
	padding: 0.5em;
}
#content #pageName {
	font-size: 18px;
	font-weight: bold;
	color: #636751;
}
#content p {
	text-align: justify;
}
#content ul.logo_bullet li {
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
	margin-left: 3em;
}
.example_img {
	float: right;
	margin: 10px;
	margin-left: 20px;
	text-align: center;
	display: inline;
	font-size: 90%;
	color: #636751;
}

/* topstrip & header 
----------------------------------*/
#topstrip {
	background-color: #ffd448;
	position: absolute;
	width: 100%;
	height: 150px;
	left: 0px; /* IE6 */
}
#topstrip div {
	position: absolute;
	left: 0px; /* IE6 */
	bottom: 0px;
	height: 20%;
	width: 100%;
	background-color: #FFFFFF;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#header {
	height: 150px;
	width: 100%;
	background-image: url(../images/headerbg.jpg);
	background-repeat: no-repeat;
	position: relative;
   background-color: #90995F;
}
#header #text {
	font-size: 42px;
	font-weight: bold;
	color: #f3f5e9;
	letter-spacing: 10px; /* IE6 does not support 0.5em here */
	font-style: italic;
	position: absolute;
	top: 40px;
	left: 150px;
}
div.header_opac {
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	bottom: 0px;
	height: 20%;
}
#header_opac1 {
	width: 23.9%;
	background-color: #FFFFFF;
	left: 0px;
}
#header_opac2 {
	width: 25.4%;
	background-color: #FFFF00;
	left: 23.9%;
}
#header_opac3 {
	width: 25.4%;
	background-color: #6CA235;
	right: 25.4%;
}
#header_opac4 {
	width: 25.4%;
	background-color: #FF6633;
	right: 0px;
}

/* menu 
----------------------------------*/
#menu .notready {
	color: #AE5C5C;
}
	/* change main.css 
	----------------------------------*/
	#menu {
		font-family: Arial,SunSans-Regular,Sans-Serif;
		text-transform: uppercase;
		font-size: 10px;
		background-color: transparent;
		text-align: right;
	}
	#menu a {
		text-decoration: none;
	}
	img.itemimg {
		margin: 10px;
		padding: 10px;
	}
	
	/* main.css floating design
	----------------------------------*/
	#container {
		max-width: 815px;
		min-width: 753px;
		width: auto;
	}
	#container p {
		margin: 2% 0;
		padding: 0;
	}
	#content {
		line-height: 170%;
		font-size: 110%;
		background-color: #F3F5E9;
		color: #9C0000;
		min-height: 600px;
	}
	#header {
		background-size: cover; /* todo: ново, оптимално изображение за фон */
	}
	#header #text {
		left: 50%;
		margin-left: -244px;
	}
	/* todo: центриране на съдържанието в сертификати, производство, отзиви */
	
	/* change contactforms.css 
	----------------------------------*/
	#form_box input, #form_box textarea {
		font-size: 120%;
	}
	#container {
		margin: 0 auto 10px;
		background-color: #D4DDB0;
		text-align: left;
		position: relative;
	}
	/*----------------------------------*/
	
.list, .link {
	background: none no-repeat scroll 96% 55% transparent;
	border-bottom: 2px solid #FFFFFF;
	cursor: pointer;
	font-size: 100%;
	color: white;
	padding: 9px 6px;
	padding-right: 22px;
	border-radius: 8px;
	box-shadow: 0 1px 3px #FFFFFF;
	font-weight: bold;
}
.list {
	background-image: url(../images/white80_arrow_down-10px.png);
}
.list.on {
	background-image: url(../images/white80_arrow_up-10px.png);
}
.listContent {
	background: none repeat scroll 0 0 #D2D7BE;
	padding: 0px 6px;
	border-bottom: 2px solid #FFFFFF;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 0 1px 3px #FFFFFF;
}
.listContent div {
    border-top: 2px solid #FFFFFF;
    box-shadow: 0 1px 8px #FFFFFF inset;
    padding:6px;
	color: inherit;
	font-weight: bold;
}
.on {
	border:0 none;
	border-radius: 0px 0px 8px 8px;
}
.over, #menu a:hover h3, #menu a:hover div {
	color: #FFFCBB;
//	border-color: #FFFCBB;
}
.selected {
	background-color: #BEC695;
}

/* safe column height change
----------------------------------*/
#mainbg {
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #F3F5E9;	/* left column background colour */
}
#menubg {
	float: left;
	width: 100%;
	position: relative;
	background-color: #90995F;
	right: 77%;/* right column width */
}
#left, #content {
	float: left;
	position: relative;
	overflow: hidden;
}
#left {
	width: 23%;
	left: 77%;
}
#content {
	width: 73%;
	left: 77%;
	padding: 2%;
}

/* tabs 
----------------------------------*/
#tabs {
	margin: 30px 0;
}
#tabs p {
	text-align: left;
	font-size: 90%;
}
#tabs p:first-child {
	font-size: 100%;
	letter-spacing: 0.1em;
}
#tabs a {
	text-decoration: none;
}
#tabs ul li {
	border: 1px solid orange;
	border-radius: 8px 8px 0 0;
	float: left;
	margin-right: 5px;
	padding: 10px 20px;
	font-weight: bold;
	margin-bottom: 2px;
	border-bottom: none;
	opacity: 0.75;
}
#tabs ul a:hover li {
	opacity: 1;
}
#tabs .tabContent {
	float: left;
	clear: both;
	width: 96%;
	border:	1px solid orange;
	padding: 2%;
	min-height: 240px;
	box-shadow: 0 -2px 8px;
	box-shadow: 2px 2px 3px #AAA;
}
#tabs li.selectedTab {
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 0px;
	box-shadow: 1px -1px 2px #aaa;
	background-color: #FFEAA4;
	opacity: 1;
}
#tabs #info p {
	padding: 10px 0;
}
#tabs .view {
	float: right;
	margin-left: 1%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 50%;
}
#tabs .itemimg {
	float: none;
	margin: 0px;
}
#tabs .info .char {
	color: #636751;
	font-size: 90%;
	font-weight: bold;
}

/* footer 
----------------------------------*/
#footer {
	clear:both;
	width: 100%;
	text-align: center;
	padding:5px 0px;
	background-image: url(../images/footerbg.jpg);
	font-weight: bold;
	color: #000000;
}

/* galery.shtml 
----------------------------------*/
#galery p {
	font-size: 90%;
	text-align: center;
}
#galery .portrait, #galery .landscape {
	margin: 6px;
	text-align: center;
	float: left;
}
#galery .portrait {
	min-height: 280px;
}
#galery .landscape {
	min-height: 220px;
}

/* index.shtml 
----------------------------------*/
.newProducts {
	margin-top: 20px;
	margin-bottom: 20px;
}
.newProducts li a {
	font-weight: bold;
}
#content .title1 {
	font-size: 17px;
	font-weight: bold;
}

/* contacts.shtml 
----------------------------------*/
table#contacts {
	border-spacing: 1em;
	border-collapse: separate;
}
table#contacts th {
	font-weight: bold;
}
table#contacts th {
	font-weight: bold;
}

/* foods/compact.shtml 
----------------------------------*/
#compact .name {
	border-top: 1px solid #FFD448;
	text-align: center;
	vertical-align: middle;
	padding: 12px 20px;
	margin-right: 8px;
}

/* library/
----------------------------------*/
#content #lib_declare {
	background-color: #ffe9a3;
	text-align: center;
	border: 1px solid #ffd448;
	margin: 5px auto 10px;
	font-size: 11px;
}