﻿/*main style.css -- logosbf styles */
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure, figcaption {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/**
 * !!!region Elements
 */
/* start Common elements */
#wrap,
#fotter{
	margin:0;
	padding:0;
	list-style:none;
}
#wrap:after,
#header:after,
#nav:after,
	#nav .menu:after,
	#menu_root:after,
#middle:after,
#content:after ,
	.contacts_left:after,
	#content .content_p p:after,
	#content .block_el:after,
#fotter:after	{
	content:"";
	height:0;
	clear:both;
	display:block;
}
.clearer {
	clear:both;
}
.block_inline {
	vertical-align:top;
	display:inline-block;
}
.block_el {
	display:block;
	vertical-align:top;
}
.left {
	left:0;
}
.right{
	right:0;
}
/* end Common elements */

/*!!! Root elements */
/************************************************************************************
Основен дизайн
*************************************************************************************/


html {
	margin: 0;
	padding: 0;
	background: #ffffdf;
}
body {
	margin:0 0 5px;
	padding:0;
	color:#000000;
	position:relative;
	background:#ffffdf;
	font: 16px/1.5 sans-serif;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
#wrap{
	margin:0 auto;
	padding:0;
	min-height:0px;
	width:980px;
	overflow:hidden;
	position:relative;
	min-height:0;
	_zoom:1;
}
#main {
	margin: 0 0 12px 0;
	padding:20px 0 20px 0;
	top:5px;
	bottom:5px;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#ceee65 url("img/wrap_bg.png") 0 0 repeat-y;
}
/************************************************************************************
Header
*************************************************************************************/

#header {
	margin:0;
	padding:0 10px;
	position:relative;
	min-height:0;
	background-color:#ffffdf;
}
	hgroup {
		float:left;
	}
	#header span a {
		color:#000;
	}
	#header p {
		margin: 0;
		padding: 3px 0;
		right:0;
		height:95px;
	}
			
		#header h1, h2 {
			padding:10px 0 10px;
			margin:0;
		}
		#header	h1 {
			font-size:2em;
			}

		#header h2 {
			margin-bottom:10px;
			font-variant:small-caps;
		}
		#header .header_right {
			margin:0 47px 0 0;
			right:0;
			text-align:right;
			float:right;
		}
	#header .block_inline {
		padding-left:10px;
		font-size:16px;
		vertical-align:top;
	}
	#header .block_inline strong{
		padding-right:10px;
		font-size:18px;
		vertical-align:top;
	}
	
		#header .header_right a {
			color:#000000;
		}
		#header .header_right a :hover {
			color:#ff0000;
		}
		#header .header_right a :visited {
			color:#000000;
		}
#nav{
	margin:0;
	padding:0 47px 27px;
	position:relative;
	background:url("img/middle_border_tile.png") left bottom repeat-x;
}
	#menu_root {
		margin:0;
		padding:0;
		list-style:none;
		/*text-align:left;*/
	}
		#menu_root li {
			margin:0;
			padding:0 3px 0 0;
			float:left;
			position:relative;
			background:url("img/menu_root_li.png")right top no-repeat;
		}
		#menu_root li:last-child {
			background-position:-4px 0;
			}
		#menu_root li:hover {
			color:#000;
			background-color:#80a708;
		}
		#menu_root li a, #menu_root li a:link, #menu_root li a:visited {
			margin:0;
			padding:5px 30px 0 30px;
			float:left;
			height:34px;
			line-height:25px;
			/*width:60px;*/
			outline:none;
			color:#fff;
			text-align:center;
			text-decoration:none;
			display:block;
		}
		#menu_root li a:hover {
			right:2px;
			height:34px;
			color:#000;
			background-color:#80A708;
		}
		
		#menu_root li a span .arrow {
			color:#fff;
		}
		#menu_root li ul.sub {
			margin:0;
			padding:0;
			top:34px;
			left:-2px;
			position:absolute;
			list-style:none;
			display:none;
			border-left:1px solid #2a3801;
			border-right:1px solid #2a3801;
			background-color:#80a708;
			z-index:2;
		}
		#menu_root ul .sub li {
			margin:0 -3px 0 0;
			padding:0;
			list-style:none;
			position:relative;
			background:#80a708;
			border-bottom:1px solid #2a3801;
		}
		#menu_root ul.sub li a, #menu_root ul.sub li a:link, #menu_root ul.sub li a:visited {
			margin:0 -3px 0 0;
			padding:5px 10px;
			border:none;
			display:block;
			float:none;
			width:250px;
			height:auto;
			line-height:auto;
			background:#80a708;
			border-bottom:1px solid #2a3801;
			/*white-space:nowrap;*/
			text-align:left;
			color:#fff;
		}
		#menu_root ul.sub li a:hover {
			right:0;
			color:#000;
			background-color:#ecf0e0;
		}
		#menu_root li ul.sub li ul.sub {
			margin:0 -3px 0 0;
			position:absolute;
			top:-1px;
			left:280px;
			border-top:1px solid #2a3801;
		}
		#menu_root li .sub {display:none;}
		#menu_root li:hover .sub{display:block;}
		
	#nav .menu {
		margin:0 21px 0 0;
		padding:0;
		height:43px;
		float:right;
		font-size:1.3em;
		background:url("img/menu_tile.png") 0 0 repeat-x;
		position:relative;
	}
		#nav .menu-left,
		#nav .menu-right {
			width: 26px;
			height:43px;
			top:0;
			background-position:0 0;
			background-repeat:none;
			position:absolute;
		}
		#nav .menu-left {
			left:-26px;
			background-image:url("img/menu_left_bg.png");
		}
		#nav .menu-right {
			right:-26px;
			left:auto;
			background-image:url("img/menu_right_bg.png");
		}
/************************************************************************************
Съдържание
*************************************************************************************/

	#content {
		margin:5px 0;
		padding:0 47px 40px;
		top:25px;
		overflow:hidden;
		position:relative;
		clear:both;
		/*background:url("img/middle_bg_low_3.jpg") center top repeat-y;*/
		z-index:1;
	} 
			.content_1 {
				margin: 0;
				padding:0;
				position:relative;
				background-color:#608000;
				overflow:hidden;
				border-radius: 7px;
				-webkit-border-radius: 7px;
				-moz-border-radius: 7px;
			}
			.content_2 {
				margin:10px 10px;
				padding:0;
				overflow:hidden;
				background-color:#ecf0e0;
			}
			.content_header {
				margin:0;
				padding:0;
				min-height:0;
				background-color:#dfe26d;
			}
				.content_header  h1{
					font-size: 1.8em;
					font-weight: bolder;
					margin: 0;
					padding: 10px 0;
					overflow:hidden;
					text-align: center;
				}
					.content_header  h1 a {
						color:#000000;
					}
			.content_2 p {
				margin:0;
				padding:0;
				text-align:justify;
			}
			.content_p {
				margin:20px;
				padding:0;
				text-align:justify;
			}
			.content_line {
				margin:0;
				padding:0 47px 27px;
				position:relative;
				background:url("img/middle_border_tile.png") left bottom repeat-x;
			}
			#content .content_p p {
				margin:0;
				padding:3px 0;
			}
			#content .content_p  a{
				color:#ec8103;
			}
			.content_p span p {
				display:inline;
			}
			.content_p span img{
				float:left;
				padding:0 20px 10px 0;
			}
			.content_p img {
				width:300px;
			}
			#content .contacts_left p {
				border-bottom:1px solid #333333;
			}
				.content_p h1{
					font-size: 2em;
				}
				.contacts_right {
					margin:0 20px;
					right:20px;
					float:right;
				}
				.contacts_left {
					width:250px;
					float:left;
				}
				#content .block_el {
					width:90px;
					float:left;
				}
				#content .block_el a {
					width:100px;
				}
					.bold_contact {
						color:#ec8103;
					}
					#content .text_align_left {
						text-align:left;
					}
				#content .contact_form {
					margin:0 20px 0 0;
					padding:10px 0;
					clear:both;
				}
				#content .contact_form p{
					padding: 10px 0;
				}
					.move_span_form {
						padding-right:15px;
						width: 300px;
					}
					.italic-em {
						color: #333333;
						font-family:Georgia sherif;
						font-style:italic;
					}
#fotter {
	margin:0;
	padding:0 20px 10px 20px;
	text-align:center;
}
	#fotter p {
		margin:5px 0
	}
	.design_by {
		 color:#777777;
		 text-decoration:underline;
	}
/** Block elements */
div {}


p {margin: 1.5em 0}
pre {margin: 1.5em 0; font-family: monospace; white-space: pre}
address {margin: 1.5em 0; font-style: italic}
blockquote {margin: 1.5em 40px}

header, nav, footer, article, aside {display: block}

/** Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	margin: 0 0 0.6em;
	font-size: 2.5em;
	line-height: 1.2;
}
h2 {
	margin: .75em 0;
	font-size: 1.6em;
	line-height: 1.5;
}
h3 {
	margin: 1em 0;
	font-size: 1.5em;
	line-height: 1;
}
h4 {
	margin: 1.2em 0;
	font-size: 1.25em;
	line-height: 1.2;
}
h5 {
	margin: 1.5em 0;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
}
h6 {
	margin: 1.5em 0;
	font-size: 1em;
	line-height: 1.5;
}

/*!!! Tables */
table {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 2px;
	border-collapse: separate;
}
caption {
	text-align: center;
}
thead, tbody ,tfoot {
	vertical-align: top;
}
th, td {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: inherit;
}
th {
	font-weight: bold;
}
td {}

/*!!! Lists */
ol, ul {
	margin: 1.5em 0;
	padding: 0 0 0 40px;
}
ol ol, ol ul,
ul ul, ul ol {
	margin-top: 0;
	margin-bottom: 0;
}
li {margin: 0;padding: 0}
dl {margin: 1.5em 0}
dt {}
dd {margin: 0 0 0 40px}

/*!!! Quotes */
blockquote {quotes: ""; quotes: none}
cite {font-style: italic}
q {quotes: "\201c" "\201d" "\2018" "\2019"}

/*!!! Links */
a {color: #ffffff; text-decoration:none}
a:visited {color: #ffffff}
a:hover {color: #ceee65}
a:focus {}
a:active {}

/*!!! Phrase elements */
i, em {font-style: italic}
b, strong {font-weight: bold}
small {font-size: smaller}
big {font-size: bigger}

sub, sup {font-size: smaller; line-height: normal}
sub {vertical-align: sub}
sup {vertical-align: super}

tt, code, kbd, samp {font-family: monospace}

/*!!! Images */
img, a img {
	border: none;
	vertical-align: baseline;
}

/** @endregion */

/*----------------------------------------------------------------------------*/

/**
 * @region Form elements
 */
form {margin: 0; padding: 0}
input, textarea, button, option, select {margin: 0; padding: 0}

/** Fieldsets */
fieldset {border: 1px solid #cccccc}
fieldset > legend {}

/** Textboxes */
textarea,
input[type=text],
input[type=password] {
	padding: 0 3px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #000000;
}

/** Single / Multiple choice */
input[type=radio],
input[type=checkbox] {
	margin: 0 3px 0 0;
	vertical-align: middle;
}

/** Dropdowns */
select {}
option {}

/** Buttons */
button,
input[type=reset],
input[type=button],
input[type=submit] {}

input[type=image] {vertical-align: middle}

/** @endregion */

/*----------------------------------------------------------------------------*/

/**
 * @region Fixes
 */
/** @endregion */