/* Toplofikacia Ruse */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #f7f7f7 url(../img/bg.jpg) repeat-x;} 
 
html { 
	font: normal 11px Verdana, Tahoma, Arial, sans-serif;
 	color: #000; }
	
	
/* LINKS */
a, a:link, a:visited {
	text-decoration: none;
	color: #0066cc;
	border-bottom:1px dotted #BCC5CC;}
	
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #0e5474;
	border-bottom:1px dotted #333;
	outline:none;}
	
a img, a:link img, a:visited img 
a:hover img, a:active img, a:focus img  {
	border-bottom: none;
	text-decoration: none;
	outline: none;}

	
/* TYPOGRAPHY */
h1 {
	font: bold 11px Verdana, Tahoma,sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	padding: 20px 0;}

h2 {
	font: bold 11px Tahoma, Verdana, sans-serif;
	margin:0;	
	color: #fff;}
.formbox h2 {
	line-height:2.4;
	padding-top:10px;
	padding-bottom: 15px;}
	
h3 {
	font: bold 13px Tahoma, Verdana, sans-serif;
	margin:0;	
	color: #cc0000;
	text-transform: uppercase;}
	
h3.ttl {
	background: transparent url(../img/ttl_line.jpg) 0 100% no-repeat;
	width: 100%;
	/*height: 20px;*/
	padding-bottom: 3px;
	margin: 30px 0 10px 0;
	display: block;}
	
h4 {
	font: bold 14px Tahoma, Verdana, sans-serif;
	margin:20px 0 0 0;	
	color: #2683AE;
	font-variant: small-caps; }
	
	
/* STRUCTURE */
#pagewidth { 
 width:1000px; 
 text-align:left;  
 margin:0 auto; 
 background: #fff url(../img/top.jpg) repeat-x; } 
 
#pagewidth p, #footer p {
	margin: 0;
	padding: 4px 0;
	line-height: 1.4;
	clear:both;}
	
 
/* LEFTCOL */
#leftcol {
 width:250px; 
 height: 100%;
 min-height: 650px;
 float:left; 
 margin: 0;
 position:relative; 
 background: transparent url(../img/leftcol.jpg) 0 0 no-repeat;  }

#leftcol #leftside {
	margin: 0;
	padding: 5px 0px 40px 15px;
	float: left;
	display: inline;
	width:230px;} 

#leftcol #logo {
	margin: 0;
	padding: 49px 0 0 10px;}
	
#leftcol p.eng {
	margin:0;
	padding-left: 50px;}
	
#leftcol p.eng a {
	font: normal 10px Verdana;
	color: #fff;}
	
		
/* LEFT MENU */
#leftcol #menu {
	float: left;
	display: block;
	width: 200px;
	margin:0;
	text-align: left;
	margin-top:70px;}
	
#leftcol #menu ul {
	padding:0;
	margin: 0 0 0 0px;
	width:180px;
	list-style: none outside;}
	
#leftcol #menu li {
	list-style: none;
	width:180px;
	line-height:26px;
	height:26px;}
	
#leftcol #menu li.aktiv a {
	color: #fff;
	background: url(../img/arr_hover.gif) 0 5px no-repeat;}
	
#leftcol #menu a {
	padding: 0 0px 0 20px;
	margin: 0;
	line-height:26px;
	height:26px;
	border: none;
	background: url(../img/arr_leftmenu.gif) 0 5px no-repeat;}
	
#leftcol #menu a, #leftcol #menu a:visited {
	font: 12px Tahoma, Verdana, sans-serif;
	font-weight: bold;
   color: #003366;
	text-transform: uppercase;}
	
#leftcol #menu a:hover, #leftcol #menu a:active {
	color:#DA251D;
	background: url(../img/arr_leftmenu.gif) 0 5px no-repeat;}
	
#leftcol #menu a.aktiv {
	line-height:26px;
	height:26px;
	color: #D2EEFA;}


/* MAINCOL */
#maincol {
 background: transparent;  
 float: right; 
 display:inline; 
  margin: 0;
 position: relative; 
 width:750px;  }
 
#maincol .maincol {
	margin: 0;
	width: 710px;
	padding: 20px 20px 40px 20px;
	text-align: left;
	float:left;}
	
#maincol #topbar {
	height: 64px;
	width: 750px;
	float: left;
	position: relative;
	display: block;}


/* SEARCH area */ 
#maincol #search {
	width: 250px;
	height: 60px;
	line-height: 24px;
	float: left;
	display:inline;
	margin: 3px 0 0px 0;
	color:#fff;
	font-size: 10px;}
	
#search label {
	margin: 0 0 0 20px;}
	
#search input.data {
	width: 190px;
	height: 20px;
	line-height: 20px;
	background: url(../img/search.jpg) 0 0 no-repeat;
	margin: 0px 0px 7px 20px;
	border:none;
	float: left;
	padding-top: 3px;
	padding-left: 2px;
	font: normal 11px Verdana;
	color: #0E5575;}

#search input.btn {	
	width: 24px;
	background: url(../img/search_btn.jpg) 0 0 no-repeat;
	height: 24px;
	margin: 0;
	float: right;
	display: inline;
	border:none;
	cursor:auto;}

	
/* TOP NAVIGATION */
#maincol #topnav {
	height: 64px;
	width: 500px;
	float: right;
	position: relative;
	display: inline;}
	
#topnav ul {
	margin: 0; 
	margin-top: 15px;
	padding: 0;
	float:right;
	list-style: none;
	border-right: 1px solid #2583ad;}
	
#topnav li {
	float: left;
	padding: 0 18px;
	border-left: 1px solid #2583ad;	
	height: 45px;}
	
#topnav li.b1 {border-bottom:4px solid #33ccff;}
#topnav li.b2 {border-bottom:4px solid #ffcc33;}
#topnav li.b3 {border-bottom:4px solid #ff9900;}
#topnav li.b4 {border-bottom:4px solid #ff3333;}

#topnav li.selected {
	background: 0 0 url(../img/hover.jpg) repeat-x;}

#topnav li.selected a {
	color: #fff;}
	
#maincol #topnav a {
	position:relative;
	top: 14px;}	
#topnav a, #topnav a:visited {
 	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
 	color: #c8e6f4;
	text-transform: uppercase; 
	text-decoration: none;
	border: none;}	
#topnav a:hover, #topnav a:active {
 	color: #fff;
	text-decoration: none; }
 
	
/* EVENTS box*/
#maincol .eventitem {
	margin: 20px 0 10px 0;
	float: left;
	width: 690px;}
		
#maincol span.date {
	display: inline;
	/*float: left;*/} 
	
#maincol .eventitem_list {
	float: left;
	width: 710px;
	display: block;
	margin: 20px 0;}
	
#maincol .eventitem_listall {
	float: left;
	width: 710px;
	display: block;
	margin: 20px 0;}
	
	
/* IMAGE frames all */
#maincol #pics {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	text-align: center;
	margin: 10px;
	float: left;}

#pics .frame {
   margin: 0 10px;
	display: inline;
	text-align: center;
	width:auto;
	height: auto;
	background: #fff;}
	
#pics .frame img {
	display: inline;
	border: 1px solid #B1BCC2;
	padding: 3px;
	margin: 0 0 0 0;
	background: #fff;}
		
#maincol .imgdesc {
	margin: 0 5px;
	float: left;
	display: block;
	text-align: center;
	width:auto;
	height: auto;
	background: transparent url(../img/shade.gif) right top no-repeat;}	
#maincol .imgdesc img {
	display: inline;
	border: 1px solid #B1BCC2;
	padding: 3px;
	margin: 0 14px 0 0;
	background: transparent;}
	
.imgdesc span.desc {	
	text-align: center;
	font: bold 10px Verdana;}
	
	
/* IMAGE frames small */
#maincol #picsm {
	/*float: left;*/
	/*width: 500px;*/
	height: auto;
	text-align: center;
	margin: 0px 0 60px 160px;}
	
#maincol #picsm .frame {
	background: transparent url(../img/frame.gif) 10% 0 no-repeat;
	height: 100px;
	/*width: 153px;*/
	width: 162px;
	margin: 0 5px;
	float: left;}
		
#maincol #picsm .imgdesc {
	text-align: center;
	margin: 0;
	float: left;}
	
#maincol #picsm .imgdesc img {
	display: inline;
	border: 1px solid #B1BCC2;
	padding: 3px;
	background: transparent;}
	
#picsm .imgdesc span.desc {	
	text-align: center;
	top: 7px;
	right: 7px;
	position: relative;
	font: normal 11px Verdana;} 
	


 
/* FORMS 
#maincol #twoforms {
	float: left;
	display: block;
	position: relative;
	width: 459px;
	margin-bottom: 7px;}
	
#maincol .formbox {
	background: url(../img/sbox.jpg) 0 0 no-repeat;
	width: 210px;
	height: 250px;
	display: inline;
	margin: 0px;}

#maincol .formbox p {
	margin: 0;
	padding:0;
	line-height: 1.5; }
	
#maincol .formbox form {
	margin:0;
	padding: 0 0px 0 25px;
	display: block;
	color: #000;
	font: normal 11px Verdana;
	text-align: left;}

.formbox form input {
	width: 150px;
	height: 16px;
	border: 1px solid #666;
	margin: 0 0px 5px 0px;
	padding-top: 2px;
	font: normal 11px Verdana;
	color: #0E5575;
	background: #eaeff1;}
	
.formbox form select {
	width: 160px;
	height: 20px;
	border: 1px solid #666;
	margin: 5px 0;
	padding: 1px;
	font: normal 10px Verdana;
	float: left;}

.formbox form input.button {
	float: left;
	width: 80px;
	height: 19px;
	padding-bottom:5px;
	margin: 5px 10px 0 0px;
	border: 1px solid #333;
	background:#536671;
	color: #EAEFF1;
	font: normal 10px Tahoma, Verdana;
	cursor:auto;}
	
.formbox form input.button:hover {
	background: #7D898F;
	color:#fff;} */
	


#maincol input.rbuton {
width:16px;
height:16px;
}


/* FOOTER */
#footer{
 height:120px; 
 width: 100%;
 margin: 0 auto;
 text-align: center;
 float: left;
 background: #dae0e4 url(../img/ftr.jpg) 0 0 repeat-x;
 clear:both;} 
 
#footer .footer {
	margin:0;
	padding-top:10px;
	color: #81929F;
	font-size: 10px;}
	
#footer .footer a, #footer .footer a:visited {
	margin: 0 3px;	
	text-decoration: none;
	color: #0066cc;
	border-bottom:1px dotted #81929F;
	text-decoration: none;}
#footer .footer a:hover, #footer .footer a:active {
	color:#0E5575;
	border-bottom:none;
	text-decoration: none;}
	
/* OTHERS */
#leftcol #logo a,
#picsm .imgdesc a {
	border:none;}
 
.left {
	float: left;
	clear: left;}
.right {
	float: right;
	clear: right;}
ol {
	margin: 7px 0 7px 45px;
	padding: 0;
	list-style-position: outside;
	line-height: 1.4;}	
ul {
	margin: 7px 0 7px 15px;
	padding: 0;
	list-style-image: url(../img/arr_ul.gif);
	list-style-position: outside;
	line-height: 1.5;}	
	
#maincol p.more, #maincol span.more,
#leftcol p.more, #leftcol span.more {
	font-size: 10px;
	text-align: right;
	color:#0066cc;
	margin: 0;
	padding: 0;
	line-height: 1;
	padding-left: 7px;}
	
#leftcol p.ttl {
	border-top: 1px dotted #D91D15;
	padding-top: 7px;
	margin:25px 0 0 0;
	float: right;
	width: 85%;}
	
#maincol p.ttl {
	border-top: 1px dotted #D91D15;
	padding-top:7px;
	margin:0;
	float: right;
	width: 94%;}
	
p.article {
	display: block;}

span.date {
	color:#cc0000;
	font: normal 11px Tahoma, Verdana;
	padding-right: 10px;
	height:18px;
	border-right: 1px solid #BCC7CD;}
	
span.date_list {
	color:#999;
	font: normal 11px Tahoma, Verdana;
	padding-right:7px;
	/*height:18px;*/}
	
#maincol p.paging {
	margin-right: 20px;
	padding-top: 10px;
	font-size: 10px;
	color: #5E707A;}
	
#maincol ul.phones {
	width:700px;
	float: left;
	margin: 10px 0 10px 15px;	}
#maincol ul.phones label {
	font-weight: normal;
	float: left;
	display: inline;
	width: 200px;}
#maincol ul.phones li {
	line-height: 1.5;}
	
.red {
	color: red;}
	
#maincol ul.phones label.long  {
	font-weight: normal;
	float: left;
	display: inline;
	width: 320px;}
	
/* forms */ 
#maincol input {
	background: #F7F7F7;
	border: 1px solid #ccc; 
	height: 18px;
	line-height: 20px;
	width:220px;
	margin: 3px 5px;
	color:#0E5575;
	font-size: 12px;
	padding: 1px 2px;}
	
#maincol td input.btn {
	width: 80px;
	height: 19px;
	padding-bottom:5px;
	margin: 3px 5px;
	border: 1px solid #333;
	background:#536671;
	color: #EAEFF1;
	font: normal 11px Tahoma, Verdana;
	cursor:auto;}
	
#maincol td input.btn:hover {
	background: #7D898F;
	color:#fff;}
	
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: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;} 
#twocols, #maincol{width:100%; float:none;}
}