/* hromadny reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td
{  
    margin: 0; 
    padding: 0; 
} 

table
{ 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

fieldset, img 
{  
    border: 0; 
} 

address, caption, cite, code, dfn, em, strong, th, var
{ 
    font-style: normal; 
    font-weight: normal; 
} 

ol, ul
{ 
    list-style:none; 
} 

caption, th, td
{ 
    text-align: center;
    vertical-align: middle; 
} 

h1, h2, h3, h4, h5, h6
{ 
    font-size: 100%; 
    font-weight: normal; 
} 

q:before, q:after 
{ 
    content:''; 
} 

abbr, acronym 
{ 
    border: 0; 
} 

/* layout */

body 
{
	background: #ececec;
	color:#000000;											
	text-align: center;	
}

body, input, select, h1, h2, h3, h4, h5, h6
{
	font-family: arial, helvetica, sans-serif;
}

body, input, select
{	
	font-size: 13px; 		
}

h1, h2, h3, h4, h5, h6
{	
	font-weight: bold;
	margin: 14px 0;				
}

p
{	
	margin: 14px 0;		
}

h1
{	
	font-size: 22px;
}

h2
{	
	font-size: 18px;		
}

h3
{	
	font-size: 14px;		
}

ul li
{		
	list-style-type: disc;	
	margin-left: 20px;				
}

strong
{ 
	font-weight: bold;
}

table
{		
	width: 300px;
	border-collapse: collapse;	
	font-size: 12px;		
}

thesad
{				
	background-color: #222222;
	color: #ffffff; 	
}

tbody td
{					
	text-align: center; 		
}

th, td
{
	border: 1px solid #b6b6b6; 				
	padding: 4px;
	vertical-align: top;			
}

th
{			
	font-weight: bold;	
	background-color: #ececec;
}

.layout-style-first-heading
{		
	margin: 0 0 14px 0;		
}

.index-banner
{ 
    margin: 0 0 0 155px;
}

.index-banner a
{ 
    margin: 0 0 0 10px;
}

.index-banner a img
{ 
	border: 1px solid #b6b6b6;		
}

#layout
{		
	width: 770px; 
	margin: 10px auto 10px auto;				
}

#layout-frame
{
	background: #ffffff;
	color: #000000;
	text-align: left;	  
	border: 1px solid #b6b6b6;  					
}

#layout-header
{			
	height: 95px;
	position: relative;	
}

#layout-header h1
{		
	text-align: left;
	margin: 0;
}
	
#layout-header h1 a 
{	
	display: block;
	position: relative; 
	height: 35px;
	width: 238px; 
	top: 10px;	
	left: 12px;
	overflow: hidden;
	cursor: pointer;  
}

#layout-header h1 a span
{
	background: url("index-logo.gif") top left no-repeat;
	display: block;
	position: absolute;
	height: 100%;
	width: 100%; 
	left: 0;
	top: 0;		
}

#layout-header-menu
{	
    position: absolute;	
	left: 12px;
	top: 55px;		
	margin: 0;
	padding: 0;
	z-index: 30;	
}

#layout-header-menu li
{	
    margin: 0;
	padding: 0;
	list-style: none;	
	float: left;	
}

#layout-header-menu li a
{		
    display: block;	
	width: 148px;
	height: 22px;		
	text-align: center;
	text-decoration: none;
	padding: 4px 0 0 0;
	border-left: 1px solid #ccd1c5;
	border-top: 1px solid #ccd1c5;
	border-bottom: 1px solid #ccd1c5;	
	background: #000000;
	color: #ffffff;		
}

#layout-header-menu li.layout-header-menuitem-last a
{		
	border-right : 1px solid #ccd1c5;
	border-top : 1px solid #ccd1c5;
	border-bottom : 1px solid #ccd1c5;	
}

#layout-header-menu li a:hover
{	
    text-decoration: underline;
}

#layout-content
{	
    width: 730px;
    float: left;    
	padding-left: 20px;	
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;		
}

#layout-clear
{ 
  clear: both;
  height: 0px;
  overflow: hidden;
  margin: 0;
}

#layout-footer
{	    
	font-size: 11px;	
	text-align: center;	
	padding-left: 10px;	
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#layout-footer a
{
	
	text-decoration:none;
}

#layout-footer a:hover
 {
	text-decoration: underline;
}	

#layout-footer p
{	
	margin: 0;		
}

.index-image1
{ 	
	display: block;
	width: 234px;
	height: 210px;
	padding: 0 10px 10px 0;
	text-decoration: none;
	background: transparent url("index-image1.gif") top left no-repeat;	
	float: right;	
} 

.index-image2
{ 	
	display: block;
	width: 153px;
	height: 210px;
	padding: 0 10px 10px 0;
	text-decoration: none;
	background: transparent url("index-image2.gif") top left no-repeat;	
	float: right;	
}