* {margin:0;padding:0}

html, body 
{
  font-family : tahoma, arial;
  font-size : 12px;  
  line-height : 16px; 
  color : #c3deff;
}

body { background : #2d63aa url('../../img/site/page_bg.gif') repeat-x top left; }

body.mceContentBody
{
	background: #FFFFFF;
	color: #000000;
}

/* ===================== Layout ===================== */

#page
{
	width : 918px;
	position : relative;
	margin : 123px auto 0;
}

#header
{
	position: relative;
	height : 34px;
	background : #5f81af;
	margin: 0 34px;
}

#header_left
{
	height: 34px;
	width: 34px;
	position: relative;
	background: url('../../img/site/header_left.gif') no-repeat top left;
	position: absolute;
	top: 0;
	left: -34px;
}

#header_right
{
	height: 34px;
	width: 34px;
	position: relative;
	background: url('../../img/site/header_right.gif') no-repeat top left;
	position: absolute;
	top: 0;
	right: -34px;
}

#main
{
	background: #5181bf url('../../img/site/main_bg.gif') repeat-x top left;
}

#content
{
	float : right;
	width : 518px;
	position: relative;
	padding-right: 78px;
	padding-bottom: 30px;
}

#left
{
	float : left;
	width : 322px;
	position: relative;
}

#contacts_frame
{
	position : relative;
	width: 216px;
	margin: 350px auto 20px;
	padding: 0;
}

#contacts_text
{
	padding: 0 15px;
	margin-bottom: -22px;
	position: relative;
	background : url('../../img/site/contact_bg.gif') repeat-y;	
}

#contacts_top
{
	height: 13px;
	background: url('../../img/site/contact_top.gif') no-repeat;
	font-size: 0;
	line-height: 0%;
	margin: 0;
}

#contacts_bottom
{
	height: 37px;
	background: url('../../img/site/contact_bottom.gif') no-repeat;
}

#photo_frame
{
	position: absolute;
	width : 275px;
	height : 268px;
	top: -121px;
	left: -33px;
	background : url('../../img/config/photo.jpg') no-repeat;
}

#photo
{	
	width: 100%;
	height: 100%;
	position : relative;
	background : url('../../img/site/photo_frame.png') no-repeat;
}

#logo_right
{
	background: url('../../img/site/logo_right.png') no-repeat;
	width: 87px;
	height: 147px;
	position: absolute;
	top: 0;
	left: 240px;
}

#logo_bottom
{
	background: url('../../img/site/logo_bottom.png') no-repeat;
	width: 249px;
	height: 129px;
	left: -33px;
	top: 147px;
	position: absolute;
}

#footer
{
	height : 33px;
	position: relative;
	margin: 0 33px;
	background : #6c96cb;
	clear : both;
}

#footer_left, #footer_right
{
	height: 33px;
	width: 33px;
	position:absolute;
	top: 0;
}

#footer_left
{
	background: url('../../img/site/footer_left.gif') no-repeat;
	left: -33px;
}

#footer_right
{
	background: url('../../img/site/footer_right.gif') no-repeat;
	right: -33px;
}

#solution
{
	position : relative;
	text-align : right;
	padding-top: 7px;
}

#solution a
{
	color : #d3ebfc;
	font-size : 11px;
}

/* ===================== Menu ===================== */

#menu
{
	position: relative;
	z-index: 100;
	padding-top : 18px;
} 

#menu_nav 
{
	list-style: none;
}

#menu_nav li
{
	list-style: none;
	position: relative;
	float: left;
	display: block;
	min-width: 96px;
}

#menu_nav li a
{
	text-decoration: none;
	padding: 10px 0 11px 0;
	display: block;
	text-align: center;
	color: #b2d0f5;
}
  
#menu_nav li a:hover
{
	text-decoration: none;
	background: url('../../img/site/meniu_item_bg.gif') no-repeat center center;
	color: #FFFFFF;
}
#menu_nav li ul
{
	position: absolute;
	left: -999em;
	background: #4772ab;
	border: solid 1px #84a7cf;
	top: 32px;
	width: 134px;
}

#menu_nav li ul li
{
	border-top : none;
	text-align : left;
	display: block;
	padding: 0;
	margin: 0;
}

#menu_nav li ul li a
{ 
	display : block;
	background: none;
	padding: 4px 8px;
	text-align: left;
	width: 118px;
}

#menu_nav li ul li a:hover
{
	text-decoration: underline;
	background: none;
}

#menu_nav li ul ul
{
	position: absolute;
	top: 0;
	left: -999em;
	margin: -1px 0 0 134px;
}

#menu_nav li:hover ul
{
	left: auto;
}

#menu_nav ul li.submenu_top, #menu_nav ul li.submenu_bottom
{	
	display : none;
}

#menu_nav li:hover ul ul, #menu_nav li:hover ul ul ul
{
	left: -999em;
}

#menu_nav li:hover ul, #menu_nav li li:hover ul, #menu_nav li li li:hover ul
{
	left: auto;
}


/* ===================== Logo ===================== */

#logo_container
{
	position : absolute;
	background : url('../../img/config/logo.png') no-repeat;
	clear : both;
}

#logo_container a:link, #logo_container a:visited, #logo_container a:hover
{
	display : block;
	width : 100%;
	line-height : 100%;
	position : relative; 
	z-index : 1000;
	text-decoration : none;
}

#logo_innerwrap
{
	width : 100%;
	height : 100%;
}

/* ===================== Icons ===================== */

#icons {
	position : absolute;
	right: 40px;
	top : 9px;
}

#icons img
{
	border : none;
}

#icon_home
{
	margin-left : 0;
}

#icon_mail
{
	margin-left : 20px;
}

#icon_map	
{
	margin-left : 20px;
}

/* ===================== Languages ===================== */

#langs_container
{
	position : absolute;
	top : 9px;
	left : 315px;
}

#langs_container a:link, #langs_container a:visited, #langs_container a:hover
{
	color : #97b6dd;
	font-family : tahoma;
	float : left;  
	text-decoration : none;
	font-size : 10px;
	padding-right : 14px;	
}

#langs_container a:hover
{
	color: #b2d0f5;
}

/* ===================== Content ===================== */

h1
{  
	font-size : 16px;
	font-weight	 : 100;
	color : #e0bb86;   
	text-align : left;
	font-family : tahoma;
	padding : 22px 0 10px 0;
}  
 
h2
{
	font-size : 16px;   
	font-weight : bold; 
	line-height : 23px;
	text-align : center;    
	color : #e0bb86;     
	text-decoration : underline;
}  

#content_text
{
	padding-left: 20px;
}

#content h1
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	padding: 7px 0 12px;
}

#content img, .mceContentBody img
{
	border : solid 2px #e0bb86;
	margin : 3px;
}

#content ul, .mceContentBody ul
{
	list-style-position: inside;
	padding-left: 10px;
}

#content blockquote, .mceContentBody blockquote
{
	padding-left: 20px;
}

#content p, .mceContentBody p
{
	padding: 6px 0;
}

#content table, .mceContentBody table
{
	border : solid 0 #e0bb86;
	border-spacing: 0;
}

#content table th, .mceContentBody table th
{
	border : solid 0 #e0bb86;
	padding : 0;
}

#content table td, .mceContentBody table td
{
	border : solid 0 #e0bb86;
	padding : 0;
}

a:link, a:visited, a:hover {
	color : #FFFFFF;
	text-decoration : none;
}

a:hover
{
	text-decoration: underline;
}

.content_block {
	padding : 0 0;
}

.clear
{
	font-size: 0;
	clear: both;
	line-height: 0%;
	height: 0;
}

.clearfooter {
	clear : both;
	height : 34px;
	position: relative;
}

.button
{ 
	padding : 0 10px;
	font-family : arial, sans-serif;  
	font-size : 11px;
	border : #666666 1px solid; 
	background : #C0C0C0;
	color : white;
}
 
.error_message
{
	color : red;
	font-size : 10px;
}
 
.success_message
{
	color : #33568E;
	font-size : 11px; 
	font-weight : bold; 
	text-align : center; 
	line-height : 15px;
}