/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative
 Commons Attribution 2.5 License
*/


*
{
border: 0px none;
margin: 0
}


0-body
{

	color: #464646;
	background: #72e4ef url('images/bg.gif')
	 repeat-x top;;
	 font-style:normal; font-variant:normal; 
	 font-weight:normal; font-size:11px; 
	 font-family:Arial, Helvetica, sans-serif
}


body {
	padding: 0;
	background: #FFFFFF url('images/img01.jpg');
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0
}


1-body { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
background-image : url('images/bbg.png'); 
background-repeat : repeat-x 
} 

a{
	font-family: Arial, Helvetica,
	 sans-serif;
	color: #107173;
	font-size:13px;
	font-weight:bold;
	text-decoration:/u;
}

a:hover{
	text-decoration: none;
	color: #353535;
}

#main2{
	width: 1060px;
	background: url('images/content_bg.gif') 
	repeat-y right;
	margin-top:21px; margin-left:auto;
	 margin-right:auto; margin-bottom:0
}

#main{
	float:right;	
}

#header{
	float:left;
	width:300px;
}

#logo{
	height: 57px;
	padding-left:20px;
	text-align: left;
	padding-bottom:10px;
	background: url('images/logobg.gif') repeat-x;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}


#logo H2 a{
	font-size: 10px;
}

#buttons{
	width: 710px;
	height: 37px;
	background: url('images/menubg.jpg') no-repeat;
}

#buttons ul {
	padding-left: 0px;
	margin: 0px;
	list-style:none;
}

#buttons li {
	display: inline;
	list-style: none;
	padding-left:0px;	
}

#buttons a {
	display: block;
	float: left;
	width: 73px;
	height: 27px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
	margin-right: 5px;
}

#buttons a:hover {
	width: 73px;
	height: 27px;
	background: #FFFFFF url('images/menu_hover.jpg') no-repeat;
}

#content{
	width: 720px;
	float:right;
	margin-bottom: 5px;
}

#left{
	width: 525px;
	
}


#text{
	padding: 20px;
}

#left H1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight:normal;
	color: #356a6f;
	height: 30px;
	width:600px;
	padding-left: 25px;
	background: url('images/title_left.jpg') no-repeat left;
	margin-top:6px; margin-left:0; margin-right:0; 
	margin-bottom:0; padding-right:0; padding-top:0; padding-bottom:0
}

.date {
	margin: 0 auto;
	color: #01b4d5;
	font-size: 11px;
	padding-top: 10px;
	font-weight:bold;
	margin-left: 10px;
	margin-right: 10px;
}



.dateleft a, .dateright a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #107173;
}

.dateleft{

	background:url('images/timeicon.gif') no-repeat left;
	padding-left: 20px;
	height: 16px;
	padding-top:2px;
	width:700px
}

.dateright{
	margin-top: 2px;
	float:right;
	background:url('images/comment.gif') no-repeat left;
	padding-right: 5px;
	text-align:right;
	height: 16px;
	padding-left: 17px
}

#first{
	width: 160px;
	float:left;
	padding-right:20px;
	margin-left: 40px;
	border-right: 1px dotted #65e0eb;
}


#second{
	width: 160px;
	float:left;
	margin-left: 25px;
	padding-right:20px;
	border-right: 1px dotted #65e0eb;
}

#third{
	width: 160px;
	float:left;
	margin-left: 25px;
	padding-right:20px;
	border-right: 1px dotted #65e0eb;
}

#fourth{
	width: 160px;
	float:left;
	margin-left: 25px;
	margin-right: 40px;
}

#right{
	width: 170px;
	float:right;
	background: url('images/right_bg.gif') repeat-y;
	margin-right: 10px;
	margin-top: 8px
}

#right ul 
{
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	display:block;
	
}

#right ul li{
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #65e0eb;
}

#right h2 {
	font-family: Georgia, "Times New Roman",
	 Times, serif;
	font-size: 10px;
	font-weight:normal;
	color: #356a6f;
	background: url('images/title_right.gif') 
	no-repeat;
	padding-left: 5px;
	padding-top:8px;
	margin-bottom: 15px; margin-left:0;
	 margin-right:0; margin-top:0
}

#right a{
	font-family: Arial, Helvetica, sans-serif;
	color: #65e0eb;
	font-size:10px;
	font-weight:normal;
	text-decoration:underlinexxx;
}

#right a:hover {
	text-decoration: none;
}

#right_bottom{
	background: url('images/right_bottom.gif') 
	no-repeat;
	width: 170px;
	height: 18px
}

#conbot{
	width: 1060px;
	margin: 0 auto;
	
}

#conbottext{
	background: #ffffff;
	margin-left: 180px;
	padding-bottom: 20px;
}

#conbottext a{
	color: #00529e;
}

#conbottext a:hover{
	color: #01b4d5;
}

#conbottext H1{
	font-family: Georgia, "Times New Roman", 
	Times, serif;
	font-size: 24px;
	font-weight:normal;
	color: #356a6f;
	height: 36px;
	width:413px;
	padding-left: 0px;
	background: url('images/title_left.jpg')
	 no-repeat left;
	padding-top:6px;
	margin-left: 20px; margin-right:0; margin-top:0; 
	margin-bottom:0; padding-right:0; padding-bottom:0
}

#footer{
	height: 37px;
	width: 1060px;
	margin: 0 auto;
	font-size: 10px;
	color: #ffffff;
	padding-top: 14px;
	text-align: center;
	clear:both;
}

#footer a
{
color: #ffffff;
font-size: 10px;
text-decoration: none;
}
.padding
{
padding: 10px;
color:#FF0000;
font-weight: bold;
}

.tlacitka {
  display: block;
  padding: 5px 10px 5px 0.5em;
  background-color: #adcdcf;
  color:  #2f2f2f;
  text-decoration: none; text-align: center;
}
.tlacitka:hover {
  display: block;
  padding: 5px 10px 5px 0.5em;
  background-color: #107173;
  color: white;
  text-decoration: none;
}
.rightgrad{
	background: url('images/rightconbg.jpg') no-repeat top;
	min-height: 154px
}