/* ganbox.com */
html {
	margin:			0;
	padding:		0;
}

body {
	text-align:		center;
	margin:			0;
	padding:		0;
	background-color:	rgb(252,207,62);
}

html, body, li, ol, ul, td, th, p {
	font-size:		13px;
	font-family:		Arial, geneva, verdana, helvetica, sans-serif;
}

pre {
	font-weight:		bold;
}

pre.normal {
	font-weight:		normal;
}

#top {
	height:			3.5em;
	width:			100%;
	text-align:		center;
	background-color:	rgb(50,50,50);
	color:			white;

	font-size:		2em;
	font-family:		verdana, geneva, helvetica, arail, sans-serif;

/*	line-height:		1em;
overflow-y: 		hidden;*/
}

#top #contents #logo {
	float: left;
	margin: 7px;
	background-color: white;
	width: 70px;
	height: 70px;
	background:url("/img/seo70x70.jpg")
}

#top #contents {
	float: left;
	margin-left: 	0; 
	margin-right: 	auto; 
	width:			770px;
	text-align:		left;
	padding:		0em 0 0 0px;
}

#top #user {
	float: 			right;
	margin-top: 	10px; 
	margin-right: 	10px; 
	width:			290px;
	height:			64px;
	text-align:		left;
	padding:		0;
	background:		#fff;
}
#top #user p {
	color:		#000;
	font-size:		14px;
	text-align:		center;
}
#top #contents h1 {
	text-align:     center;
	margin:			0;
	padding:		0;
	font-size:		32px;
	font-weight:	normal;
}
#top #contents h1 * {	
	font-size:		32px;
}

#top #contents h1 a {
	color:	rgb(250,250,250);
	text-decoration:	none;
}

#top #contents h2 {
	text-align:     right;
	color:	rgb(250,250,250);
	margin:			0 30px 0 0;
	padding:		0;
	font-size:		14px;
	font-weight:	normal;
}

#top #contents #page {
	font-size:		11px;
	margin-left:	100px;
	padding-top:	3px;
	width:			300px;
}
/*
#top #contents img
{
	float:			right; 
	margin: 		8px 20px 0 0;
}
*/
ol {
	list-style-type:	decimal;
	margin-top:		1em;
}

ol ol {
	list-style-type:	lower-alpha;
	margin-top:		1em;
}

ol ol li {
	margin-left:		0;
	margin-right:		0;
}


.nav {
	text-align: 	center; 
	font-size:		10px;
	width:			580px;
	margin: 		0px 16px 3em 174px; 
	font-family:	geneva, verdana, helvetica, arail, sans-serif;
}

.bottom-baner {
	text-align: 	center; 
	font-size:		10px;
	width:			580px;
	margin: 		0px 16px 3em 174px; 
	font-family:	geneva, verdana, helvetica, arail, sans-serif;
}


#maincontainer {
	width: 1200px; /* ширина на главен контейнер */
	margin: 0 auto; /* центрира го на страницата */
}

#contentwrapper {
	float: left;
	width: 100%;
}

#leftinnertube {
	margin-right: 0 10px 0 0; /* тези margin за вътрешните div на страничните колони осигуряват padding */
}
#rightinnertube {
	margin: 0 0 0 10px; /* тези margin за вътрешните div на страничните колони осигуряват padding */
}

#centerinnertube{
	width: 720px; /* Пренася текста, за да не влезе под дясната колона (като ширина contentcolumn) */
	margin: 10px; /* Вътрешен div на централна колона осигурява padding */
	margin-top: 0;
}

#contentcolumn {
	margin: 0 300px 0 180px; /* схема: 0 RightColumnWidth 0 LeftColumnWidth */
	text-align: 		left; 
	width: 			720px; /* ширина като centerinnertube */
/*	overflow-x:		visible;*/
	background-color: 	rgb(250,248,233); 
}

#leftcolumn {
	float: left;
	width: 180px; /* лява колона */
	margin-left: -1200px; /* ширина като тази на (-MainContainerWidth) */
	text-align: 		left; 
}

#rightcolumn {
	float: left;
	width: 300px; /* дясна колона */
	margin-left: -300px; /* ширина като тази на (-RightColumnWidth) */
	text-align: 		left; 
}

#footer {
	clear: left;
	width: 100%;
	text-align: center;
	padding: 4px 0;
}




#leftcolumn  h2, #rightcolumn h2 {
	color: #6F6F6F;
	font-family:	geneva, arial, verdana, helvetica, sans-serif;
	font-size:		1.5em;
	margin:			1em 0px 1em 0px;
	padding:		0em 0 0 8px;
}

#leftcolumn  ul, #rightcolumn ul {
	margin:			0;
	padding:		0;
}

#leftcolumn  li, #rightcolumn li {
	display:		inline;
	padding:		0;
	margin: 		0;

	font-family:	geneva, arial, verdana, helvetica, sans-serif;
	font-weight:		normal;
	background-color: 	transparent;
}

#leftcolumn  li a, #rightcolumn li a {
	display:		block;
	width: 			164px; 
	margin:			0;
	border:			0px solid rgb(250,248,233);
	border-width:		0 0 1px 0;
	color:			black;
	text-decoration: 	none;
}
#leftcolumn  li a {
	padding:		0.5em 8px 0.5em 8px;
}
#rightcolumn li a {
	margin-left:	-10px;
	padding:		0.5em 8px 0.5em 18px;
}
#leftcolumn  li a.selectedPage, #rightcolumn li a.selectedPage {
	background-color:	rgb(250,248,233);
}
#leftcolumn  li a.selectedPage:hover, #rightcolumn li a.selectedPage:hover {
	background-color:	rgb(50,50,50);
}


#leftcolumn  a:hover, #rightcolumn a:hover {
	text-decoration:	none;
	color:			rgb(250,248,233);
	background-color:	rgb(50,50,50);
}

#leftcolumn a, #rightcolumn a {
	font-family:	geneva, arial, verdana, helvetica, sans-serif;
	color:			#323232;
	margin:			0;
	padding:		0.5em 8px 0.5em 8px;
	display:		block;
}

#leftcolumn a:hover, #rightcolumn a:hover {
	color: yellow;
}
#rightcolumn .menulink a:hover {
	color: #323232;
/*	background: 	#3B5998; */
	background:url("/img/rarrow.png") left center no-repeat;
}
#leftcolumn  a.accent, #rightcolumn a.accent {
	color: 	#800000;
}
#leftcolumn  a:hover.accent, #rightcolumn a:hover.accent {
	color: 	yellow;
}




#centerinnertube h1,h2,h3,h4,p,pre,li,table,form
{
	margin:			0 50px 1em 8px;
}

#centerinnertube ul li
{
	margin-bottom:		0;
	margin:			0 50px 0.5em 8px;
}

#centerinnertube p
{
	font-size:		13px;
	line-height:		1.3em;
}

#centerinnertube h1,h2,h3,h4,h5
{
	font-family:		Arial, geneva, verdana, helvetica, sans-serif;
	font-weight:		normal;
}

#centerinnertube h1
{
	font-size:		2em;
	margin-top:		2em;
	margin-bottom:		1em;
}

#centerinnertube h2
{
	font-weight:		bold;
	font-size:		1.5em;
	padding-top:		1.5em;
	padding-bottom:		1em;
}

#centerinnertube h1.first-child
{
	margin-top:		0em;
	margin-bottom:		0.5em;
}

#centerinnertube h2.first-child
{
	margin-top:		0;
}

#centerinnertube h3
{
	font-size:		1.2em;
	font-weight:		bold;
	margin-top:		1em;
	margin-bottom:		1em;
}

#centerinnertube a
{
	color:			blue;
	text-decoration:	none;
}

#centerinnertube a:hover
{
	color:			navy;
	text-decoration:	underline;
}

#centerinnertube a:visited
{
	color:			rgb(0,154,0);
}

#centerinnertube li
{
	margin:			0;
}

#centerinnertube div.adbox
{
	float:			right;
	width:			160px;
	margin:			0 8px 16px 0;
	padding: 		8px 4px 8px 8px;

	text-align:		center;
}


#centerinnertube div.textbox
{
	border: 		1px solid silver; 
	float: 			right; 
	clear:			right;
	width: 			159px; 
	margin: 		0 8px 16px 4px; 
	padding: 		8px 5px 5px 8px;
}

#centerinnertube div.textbox h1
{
	margin: 		0 0 1em 0em;
	font-size:		1.2em;
	font-weight:		bold;
}

#centerinnertube div.textbox a
{
	text-decoration:	underline;
	color:			black;
}

#centerinnertube div.textbox a:hover
{
	text-decoration:	underline;
	color:			black;
}

#centerinnertube div.textbox p 
{
	line-height:		1.2em;
 	margin:			0 0 1em 0;
}

#centerinnertube div.textbox ul,ol
{
	margin-top:		0;
	margin-bottom:		1em;
}

#centerinnertube div.textbox li
{
	line-height:		1.2em;
	margin:			0;
}



#centerinnertube .copyright a:visited
{
	color:			black;
}

#centerinnertube form input.textfield
{
	margin-left:		0;
	margin-bottom:		0.25em;
	width:			20em;
	border:			1px solid gray;
	font-family:		monospace;
	background-color:	white;
}

#centerinnertube form textarea
{
	width:			26em;
	height:			6em;
	border:			1px solid gray;
	font-family:		monospace;
	background-color:	white;
}

#centerinnertube form input.button
{
	margin-top:		1em;
	width:			10em;
}

table.enteties 
{
	margin-right:		16px;
}

table.enteties thead tr
{
	background-color:	gray;	
	color:			white;
	padding:		4px 0 4px 0;
}

table.enteties thead tr th
{
	padding:		2px 0 2px 0;	
	text-align:		left;
	margin-right:		1em;
border: 1px solid red;
}

table.enteties tr
{
	border: 		0px solid silver;
	border-width:		1px 0 1px 0;
	padding:		2px 0 2px 0;
}

table.properties th, table.properties td
{
	text-align:		left;
	vertical-align:		top;
}

table.properties td.property
{
	vertical-align:		top;
	width:			38%;
}

table.properties td, table.properties th
{
	border:			0px solid silver;
	border-bottom-width:	1px;
}

table.borderstyle
{
	width:			100%;
	margin:			0;
	padding:		0;
	border:			0;
}

table.borderstyle tr, table.borderstyle tbody
{
	margin:			0;
	padding:		0;
}

table.borderstyle td
{
	margin:			0;
	width:			auto;
	vertical-align:		middle;
	border:			0px solid silver;
	border-bottom-width:	1px;
}

table.colors
{
	width:			350px;
}

table.colors td
{
	width:			20%;
	height:			3.3em;
	font-size:		10px;
	vertical-align:		top;
}

table.colors span
{
	font-size:		1em;
	font-family:		inherit;
	color:			white;
	background-color:	rgb(10,10,10);
	padding:		1px;
}

.left
{
	text-align:		left;
}

.center
{
	text-align:		center;
}

.right
{
	text-align:		right;
}




#maincontainer p.box
{
	width:			90%;
	margin:			5px 8px 16px 10px;
	padding: 		8px 4px 8px 8px;
	border: 		1px solid silver; 
}

#maincontainer dt {
	float: left;
	padding-left: 10px;
}

#maincontainer dd {
	width: 80%;
	margin-left: 100px;
	width:		400px;
}

#maincontainer hr {
	margin:			0 20px 5px 10px;
}

.error {
   color: 		red;
   font-size:	1.5em;
}
.warn {
   color: 		orange;
   font-size:	1.5em;
}
.message {
   color: 		green;
   font-size:	1.5em;
}
.note {
   color: 		gray;
   font-weight: bold;
}
.smallNote {
	color: 		gray;
	font-size: 0.8em;	
}
.imp {
   color: 		red;
}
.terms {
	color:	#800000;
}
/* form */
#msg {display:none; position:absolute; z-index:200; background:url("/img/msg_arrow.gif") left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

#seoTop, #seo, #seoBottom {
	width: 552px;
}
#seoTop {
	height: 16px;
	background:url("/img/seo_optimizacia_etapi_top.jpg"); 
}
#seo {
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #fff;
	height: 300px;
	background:url("/img/seo_optimizacia_etapi_body.jpg"); 
	background-repeat:repeat-y;
}
#seoLeft {
	width: 272px;
	margin: 0;
	padding: 0;
	float: left;
}
#seoRight {
	margin: 0;
	padding: 0;
	float: left;
}
#seoLeft ul {
	margin: 0;
	padding: 0 0 0 30px;
}
#seoRight ul {
	margin: 0;
	padding: 0 0 0 24px;
}
#seoBottom {
	height: 12px;
	background:url("/img/seo_optimizacia_etapi_bottom.jpg"); 
	clear: both;
}

.copyright
{
	font-size:		0.8em;
	margin-top:		2em;
	margin-bottom:		0;
}

.copyright a
{
	color:			black;
	text-decoration:	none;
}

.copyright a:hover
{
	color:			black;
	text-decoration:	underline;
}


.feedItem {
	width: 165px !important;
	margin: 0 !important;
	padding: 0px !important;
}
#leftcolumn  a:hover.feedLink {
	color: #EFF4F9;
}
.feedTitle {
	width: 165px !important;
	margin: 0 !important;
	padding: 5px !important;
	font-size: 11px !important;
}
.feedLink {
	width: 165px !important;
	margin: 0 !important;
	padding: 5px !important;
} 
.feedDesc {
	width: 160px !important;
	text-align: justify;
	font-size: 9px !important;
}

dl.about {
	display: block;
	bottom-padding: 150px;
}
dl.about dt {
	display: inline;
	width: 50px !important;
    clear:both;
}
dl.about dd {
	display: inline;
}


dl {
	display: block;
	bottom-padding: 30px;
}
dt {
	display: inline;
	float: left;
	width: 160px;
}
dd {
	display: inline;
	float: left;
}
dt.title, dd.title {
	font-weight: bold;
}
hr.sep {
	padding-top: 20px;
	border: 0;
	border-bottom : dashed 1px #CCCCCC;
	height : 1px;
	clear:both;
}
#metaData dl, #headData dl {
	display: block;
	bottom-padding: 30px;
}
#metaData dt, #headData dt {
	display: inline;
	float: left;
	width: 180px;
	font-weight: bold;
	padding-bottom: 20px;
}
#metaData dd, #headData dd {
	display: inline;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}
#metaData dd.metaErr, #headData dd.metaErr {
	color:red;
}
#metaData dd.metaWarn, #headData dd.metaWarn {
	color:orange;
}
#metaData dd.metaOk, #headData dd.metaOk {
	color:green;
}
.seo-list {
    text-size:13px;
}