/* Cascading style sheet for RCCI - Bulgaria */ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: url(../images/bg.jpg) repeat-x;
} 
 
#pagewidth{ 
 width:1000px;  
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 font: normal 11px Verdana,Arial;
 line-height: 1.3;
} 

#pagewidth p {
	margin: 0;
	padding:  0;
}
#maincol p,
#rightcol p,
#leftcol p {
	margin: 0;
	padding: 5px 10px;
	line-height: 1.3;
}

#wrapper {
	background: url(../images/body_top.jpg) 0 0px no-repeat;
	width: 1000px;
	height: 100%;
	min-height: 190px;
	margin: 0;
	position: relative;
	float: left;
	clear: left;	}

/* -- links -- */
a {
	font: normal 11px Verdana, Arial;
}
a:link, a:visited {
	color: #0066cc;
	text-decoration: none;
} 
a:hover, a:active, a:focus {
	color: #00cc00;
	text-decoration: underline;
	outline: none;} 
	
a.years {
	color: #65CA00;
	font: bold 12px Tahoma;
	margin: 0;
	line-height: 2;
}
a.months {
	font: normal 12px Tahoma;
	line-height: 1.5;}
	
#header a.toplink {
	color: #99ccff;
	text-decoration: none;
}
#header a.toplink:hover {
	color: #66ff66;
	text-decoration: none;}

.bc {
	font: normal 10px Verdana;
	margin-left: 20px;
	width: 90%;
	float: left;}
.bc a {
	font-size: 10px;}

/* -- typography -- */
h1, h1 a {
	font: bold 10px Tahoma, Verdana;
	text-transform: uppercase;
	color: #666;
	margin: 0;
}
h1 a:hover {
	color: #00cc00;	
}
h2, h2 a, h3  {
	font: bold 12px Tahoma, Verdana;
	margin: 0;}
h2, h2 a {color: #00cc00;}
h2 a:hover {	color:#65CA00;
	text-decoration: none;}
h3 {color: #0066cc;}

h4, h4 a {
	font: bold 16px Tahoma, Arial, Verdana;
	color: #999;
	margin: 0;
	font-variant: small-caps;
}
h4:first-letter {
	font: normal 20px Arial, Tahoma, Verdana;
	color: #333;
	margin: 0;
	
}
h5, h5 a {
	font: bold 10px Verdana, Arial;
	margin: 0;
	color: #333;
}
h5 a:hover {
	color: red;
}

/* -- header -- */
#header, #header_buletin {
 position:relative; 
 height:189px;  
 width:1000px;
 display: block;
 float: left; } 
 
#header {background:url(../images/header.jpg) 0 0 no-repeat; }
#header_buletin {background:url(../images/header_buletin.jpg) 0px 0 no-repeat; }
 
#header_top {
	width: 550px;
	height: 40px;
	line-height:35px;
	display:inline;
	clear: both;
	text-align: right;
	float: left;
	margin: 0;
}
#header #header_top form#sform {
	width: 170px;
	height: 32px;
	display: inline;
	clear: both;
	margin: 0px 0 0 0px;
	padding-left: 330px;
	padding-top: 8px;
	float: left;
	clear: left;
}
#header form#sform input.sbox {
	width: 140px;
	height: 22px;
	margin: 0;
	padding: 4px 0 0 5px;
	background: url(../images/search_bg.jpg) 0 0 no-repeat;
	border: none;
	font: normal 10px Verdana;
	color: #d6dde5;
	float: left;
}
#header form#sform input.sbutton {
	width: 24px;
	height: 22px;
	line-height: 40px;
	background: url(../images/search_btn.jpg) 0 0px no-repeat;
	border: none;
	cursor: auto;
	margin: 0;
	float: right;
}
#header a.toplink {
	text-align: right;
	height: 40px;
	line-height: 35px;
	margin: 0;
	float:right;
	clear: right;}

#header_logo {
	position: relative;
	display: inline;
	float: left;
	clear: both;
	width: 580px;
	height: 106px;
	background: transparent;
	margin: 0;}
	
#header_logo_buletin {
	position: relative;
	display: inline;
	float: left;
	width: 500px;
	/*height: 108px;*/
	background: transparent;
	margin: 0;
	padding-left: 60px;}
	
#header #header_logo {
	padding: 7px 0 0 0;
	margin: 0;}
	
#header_logo img.left {
	margin: 0;
	padding: 0px 0 0 50px;}
	
#header_logo img.right {
	margin: 0;
	padding: 25px 20px 0 0;}
	
#header_buletin #header_logo_buletin {
	padding: 5px 0 5px 55px;
	margin: 0;}

 
 
/* --- horizontal navigation --- */ 

#navigation {
	float: left;
	display: inline;
	position: relative;
	height: 36px;
	line-height: 36px;
	width: 403px;
	background: #fff url(../images/nav_bg.jpg) 0 0 repeat-x;
	margin: 0;
	border-left: 1px solid #fff;} 
	
#header #navigation {
	margin-left: 200px;
}
#header #navigation h1 {
	/*width: 100px;*/
	width: auto;
	padding: 0 7px;
	margin: 0;
	height: 36px;
	line-height: 36px;
	float: left;
	display: inline;
	background: transparent;
	text-align: center;
	border-right: 1px solid #fff;	
}

#header #navigation h1:hover,
#header #navigation h1.active,
#header #navigation h1 a:hover {
	background: #fff url(../images/hover.jpg) 0 0px repeat-x;
	/*width: 100px;*/
	width:auto;
	padding: 0 7px;
	height: 36px;
	float: left;
	display: block;
	position: relative;
	margin: 0;
}

#navigation a {
	/*width: 100px;*/
	width:auto;
	padding: 0 7px;
	height: 36px;
	line-height: 36px;
	background: transparent;	
	text-decoration: none;
	color:#333;
}
#navigation a:hover,
#header #navigation h1.active a {
	color: #0066cc;
}



/* --- LEFT column --- */ 
#leftcol {
 width:200px; 
 height: 100%;
 float:left; 
 clear: left;
 position:relative; 
 background-color:transparent; 
 margin: 0;
 }
#leftcol p {
	margin: 0;
	padding-left: 30px;}
	
#leftcol p a {
	padding-bottom: 5px;
}
	
#leftcol .news a.more,
#leftcol .news p.more  {
	padding: 0 0 15px 50px;
} 
	


/* -- LEFT submenu left -- */
#leftcol .submenu_left {
	background: url(../images/submenu_bg.jpg) repeat-y;
	position: relative;
	display: block;
	float: left;
	clear:left;
	width: 198px;
	height: 100%;
	margin: 7px 0 0 1px;
} 
#leftcol .subttl_Green {
	background: url(../images/submenu_ttl.jpg) repeat-y;
	width: 198px;
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 0 0 1px 0;
	border-bottom:1px solid #fff;
 }
#leftcol .subttl_Green h2 {
	margin: 0 0 0 30px;
	height: 28px;
	line-height: 28px;
	color: #00cc00;} 
#leftcol .subttl_Green h2 a {
	margin: 0 0 0 0px;
	height: 28px;
	line-height: 28px;
	color: #00cc00;} 
#leftcol .subttl_Green h2 a:hover {
	color:#65CA00;
	text-decoration: none;
}
#leftcol .submenu_Green {
	background: url(../images/submenu_bg.jpg) 0 0 no-repeat;
	width: 198px;
	height: 100%;
	min-height: 80px;
	line-height: 1.7;
	display:block;
	float: left;
	clear:left;
	padding: 5px 0 10px 0;
	margin: 0;
}
/* -- forms -- */
#leftcol form.login {
	font-size: 10px;
	margin: 0 0 10px 30px;
}
#leftcol form.login input.data {
	width: 145px;
	height: 14px;
	line-height: 14px;
	border: 1px solid #66cc00;
	font-size: 11px;
}
#leftcol form.login input.btn {
	background: url(../images/btn_enter.jpg) no-repeat;
	width: 75px;
	height: 16px;
	border: none;
	outline: none;
	cursor: auto;
	margin-top: 7px;
}
#leftcol form.login input.btn:hover {
	background: url(../images/btn_enterhover.jpg) no-repeat;
	width: 75px;
	height: 16px;
	border: none;
	outline: none;}
	
/* maincol forms */
#maincol form.srch {
	float: left;
	width: 400px;
	margin: 0;}
	
#maincol table.srch {
	font-size: 11px;
	margin: 0 0 30px 10px;
	float: left;
	width: 480px;}
	
#maincol td input.field {
	margin: 0 0 0 5px;
	padding: 0;
	border: 1px solid #ccc;
	font-size: 11px;
	width: 299px;
	height: 18px;}
	
#maincol td select.select {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 11px;
	border: 1px solid #ccc;
	width: 300px;
	height: 20px;} 
	
#maincol td input.btn {
	background: url(../images/btn_search.jpg) no-repeat;
	width: 105px;
	height: 16px;
	border: none;
	outline: none;
	cursor: auto;
	margin-top: 10px;
	margin-left: 150px;}
	
#maincol td input.btn:hover {
	background: url(../images/btn_searchhover.jpg) no-repeat;
	width: 105px;
	height: 16px;
	border: none;
	outline: none; }

/* -- RIGHT column -- */
#twocols{
 width:800px; 
 float:right; 
 clear: both;
 display: inline;
 position:relative; 
 margin: 0;
 background: transparent;
  }
  
#rightcol{
 width:230px; 
 float:right; 
 clear: right;
 position:relative; 
 background-color:transparent;
 margin: 0;
 }
 
 /* -- news -- */
#rightcol .news {
	background: url(../images/news_bg.jpg) repeat-y;
	position: relative;
	display: block;
	float: left;
	width: 214px;
	height: 100%;
	margin: 7px 0px 0 0px;
	padding-right: 0px;
} 
#rightcol .news a.more,
#rightcol .news p.more  {
	margin: 0 0 0 70px;
} 
#rightcol .news a.more:hover {
	text-decoration: none;
}
#rightcol .news_ttl {
	background: url(../images/news_ttl.jpg) repeat-y;
	width: 214px;
	height: 29px;
	line-height: 29px;
	float: left;
	margin: 0 0 0px 0;
	border-bottom:1px solid #fff;
 }
#rightcol .news_ttl h3 {
	margin: 0 0 0 80px;
	height: 28px;
	line-height: 28px;
} 
#rightcol .news_box {
	background: url(../images/news_text.jpg) 0 0 repeat-y;
	width: 214px;
	height: 100%;
	/*min-height: 80px;*/
	min-height: 60px;
	line-height: 1.7;
	display:inline;
	float: left;
	clear:both;
	padding: 10px 0;
	margin: 0 0 5px 0;} 

.date {
	float: left;
	clear: left;
	width: 60px;	
	text-align: right;
	margin: 0px 3px 0 0;
	color: #d6dde5;}
.ntext {
	float: right;
	font-size: 10px;
	width:135px;	
	height: 100%;
	text-align: left;
	line-height: 1.2;
	padding-right:5px;
	margin: 0;}
.date span {
	display: block;
	margin: 0;}
.date a {
	margin: 0;
} 
span.d {
	font: normal 12px Tahoma, Arial;}
span.m {
	font: normal 10px Tahoma, Arial;}
span.y {
	color: #78a0c9;
	font: bold 16px Tahoma, Trebuchet MS;}
	
.submenu_Blue .ntext h5 a {
	margin: 0 0 0 5px;
	line-height: 1.7;	
	color: #333;}
.submenu_Blue .ntext h5 a:hover {
	color: #0066cc;
}
 
/* -- RIGHT submenu left -- */
#rightcol .submenu_right {
	background: url(../images/rightsub_bg.jpg) repeat-y;
	position: relative;
	display: block;
	float: left;
	clear:left;
	width: 215px;
	height: 100%;
	margin: 7px 0 0 1px;} 

#rightcol .subttl_Blue {
	background: url(../images/rightsub_ttl.jpg) repeat-y;
	width: 215px;
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 0 0 1px 0;
	border-bottom:1px solid #fff; }

#rightcol .subttl_Blue h3 {
	margin: 0 0 0 80px;
	height: 28px;
	line-height: 28px;} 

#rightcol .submenu_Blue {
	background: transparent;
	width: 215px;
	height: 100%;
	line-height: 1.7;
	display:block;
	float: left;
	clear:left;
	padding: 5px 0 10px 0;
	margin: 0;}
	
	
/* -- framed images -- */
div.frame_left,
div.frame_right {
	width: auto;
	height: 100%;
	margin: 4px 0 0 0px;	
	text-align: center;
}
div.frame_left {float: left;}
div.frame_right {float: right;}

div.frame_left div,
div.frame_right div {font-size: 1px;}

.submenu_Blue div.frame_right {
	display: block;
	text-align: center;
	width: 215px;}
.submenu_Green div.frame_left {
	display: block;
	text-align: center;
	width: 200px;}

div.frame_left img,
div.frame_right img {
	display: inline;
	border: 1px solid #999;
	border: 1px solid #D6DDE5;
	margin: 2px 0;}

	
	
/* -- MAINCOLUMN -- */
 #maincol{
 background-color: transparent;  
 float: left; 
 clear: left;
 display:inline; 
 position: relative; 
 width:570px; 
 margin: 7px 0;
 text-align: left;
 }

#maincol .maincol,
#maincol .maincoll {
	padding: 0 15px;
	margin: 0;
	float: left;
}
#maincol .maincol p,
#maincol h5 {
	padding: 0 5px 0 30px;
	margin: 0;
}

#maincol .maincoll p {
	padding: 5px 5px 5px 0px;
	margin: 0;
}
#maincol h5 {
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/arrow.gif) 10px 17px no-repeat;
}
#maincol h4 {
	padding: 25px 0 0 30px;
	width: auto;}
	
#maincol p.more {
	text-align: right;
	margin: 0;
}

.maincontent {
	background: url(../images/maincol_top.gif) 0 0 no-repeat;
	height: 100%;
	min-height: 103px;
	width: 100%;
	min-width: 532px;
}


/* -- maincontent images -- */
#maincol .maincontent img.left {
	margin: 0 10px 0px 0;
}
#maincol .maincontent img.right {
	margin: 0 0px 0 10px;
}




/* -- FOOTER -- */
#footer{
 height:130px; 
 width: 100%;
 background:url(../images/ftr_bg.jpg) left bottom repeat-x; 
 clear:both;
 font: normal 10px Verdana,Arial;
 line-height: 1.3;
 display: block;
 float: left;
 } 
#footer p {
	margin: 0;
	line-height: 2;
}
.footer_top {
	width: 100%;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	text-align: center;
}
.footer_btm {
	width: 100%;
	height:30px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
}
.footer_top p {
	padding-top: 20px;
}

#footer a.caps {
	color: #000;
}
#footer a.caps:hover {
	text-decoration: none;
	color: #0066cc;
}

 /* -- others -- */
.left {
	float: left;
	clear: left;
}
.right {
	float: right;
	clear: right;
}
p.more:hover, a.more:hover {text-decoration: none;}
.white {color:#fff;}
.white a {color: #d6dde5;}

.caps {
	text-transform: uppercase;
	margin-right: 10px;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}





/* -- additions 24-02-2009 -- */
#maincol .buletin_row a {
	display: inline;
	line-height: 1.7;
	float: left;
	font-size: 11px;
	font-variant: small-caps;
} 

.gads {
	text-align: center;
	margin: 30px 0 0 25px;
	float: left;
	width:80%;}
	
/* -- additions 17-03-2009 -- */
#maincol ul {
	margin: 0 0 0 30px;
	padding: 0; 
	display: block;
	list-style: square outside;}

.title { 
	/*font-weight: bold;*/
	color: #16599D;
	margin: 0;
	padding: 30px 0 10px 0;
	line-height: 1.5;
	font: bold 12px Tahoma;
	/*text-transform: uppercase;*/}

.error{ color:red;} 
.news {color:#333;}

.dt {	color:#666;
font-style: italic;}

.address {
	font-size:11px;
	margin: 0 20px;
	background: #F5F5F5;
	border-top:1px dotted #AFAFAF;
	border-bottom:1px dotted #AFAFAF;}
	
td.newlink a,
a.newlink {
  color:#666;
  margin-right:5px;} 
  
/* additions 23-05-2009 */
#maincol img.partner_banner, #maincol a img.partner_banner {
	border: 1px solid #D6DDE5;
	margin: 5px;
	margin-top: 0;}
	
#maincol a:hover img.partner_banner {
	border: 1px solid #00cc00;
}
	
#maincol td.partner_name {
	display: inline;
	font-size: 11px;
	color: #0066cc;
	font-variant: small-caps;
	margin: 0;
	line-height: 1.3;
	text-indent: 0px;
}
