@CHARSET "UTF-8";

/* CSS Document */

*{
	margin: 0px auto;
	padding: 0px;
}

img {
	border: 0px;
}

body {
  height: 100%;
  background: #eee;
}

html {
  	height: 100%;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	font-family: Tahoma, Helvetica, sans-serif; 	
	color: #000;	
}

h1 {
	font-size: 20px;
	margin: 5px 0 10px 0;
}

h2 {
	font-size: 16px;
	margin: 5px 0 10px 0;
}

h3 {
	font-size: 15px;
	margin: 5px 0 10px 0;
}

p {
	margin: 5px 0 5px 0;
}

.clear {
	clear: both;
}

#wrap {
	margin: 0 auto;
	width: 890px;
	height: auto;
}

#help_top {
	width: 884px;
	height: 94px; 
	border: 3px solid #fff;
	background: #f7f7f7;
	margin: 10px 0 0 0;
}

#help_side {
	position: relative;
	width: 160px;
	height: 870px; 
	top: -35px;
	left: 555px;
	border: 3px solid #fff;
	background: #f7f7f7;
	
}

#menu {
	width: 890px;
	height: 40px;	
	background: url("../images/ua_menu_bg.jpg");
	margin: 20px 0 10px 0;	
}

#menu ul {
	float: right;
	list-style: none;	
	font-size: 0.9em;
	height: 40px;
	margin: 0 10px 0 0;	
}

#menu ul li {
	float: left;	
	height: 40px;
	line-height: 35px;
	padding: 0 10px 0 10px;	
	background: url("../images/ua_menu_li_left.jpg") no-repeat 0 0;
}

#menu ul li:hover {	
	background: url("../images/ua_menu_li_bg.jpg") repeat-x;	
}

#menu ul li a {
	color: #fff;
	text-decoration: none;
}

#header {
	position: relative;
	width: 890px;
	height: 200px;
	background: url("../images/ua_header_bg.jpg");	
}

#flags {	
	width: 345px;
	height: 28px;
	margin: 0 0 0 40px;
	padding: 3px 0 0 15px;
	float: left;
}

#ua_logo {
	position: absolute;
	top: 50px;
	left: 43px;
}

#content_top {
	width: 850px;
	height: 21px;
	background: url("../images/ua_content_top_bg.jpg");	
	margin: 10px 0 0 0;
	padding: 20px 0 0 40px;
	color: #2b84e6;
	font-weight: bold;
}

#content {
	width: 810px;
	height: 100%;
	padding: 20px 40px 20px 40px;		
	background: #efefef url("../images/ua_content_bg.jpg") repeat-x;
	/* font-size: 0.9em; */
	font-size: 14px;
	line-height: 22px;
	text-align: justify;	
	/* color: #929191; */
	
}

#ua_popis_firmy {
	width: 770px;
	float: left;
	height: auto;
	font-size: 1em;
	margin: 20px 0 30px 0;
	text-align: left;
	padding: 25px 0 0 41px;	
	background: transparent url("../images/ua_popis_firmy.png") no-repeat 0 0;
}

#ua_popis_firmy .titleDown {
	color: #2B84E6;
	font-size: 14px;
}

#ua_novinky {
	width: 770px;
	float: left;
	height: auto;
	min-height: 100px;
	font-size: 1em;
	line-height: 22px;
	margin: 20px 0 30px 0;
	text-align: left;
	padding: 60px 0 0 41px;	
	background: transparent url("../images/ua_novinky.png") no-repeat 0 0;
}
	
#content_menu {
	width: 810px;
	height: 100%;
	margin: 30px 0 0 0;
	text-align: center;		
}

#content_menu ul {
	width: 100%;	
	text-align: center;
	list-style: none;	
	float: left;
	margin: 0 auto;	
}

#content_menu ul li {
	display: inline;
	padding: 0;
	font-size: 0.9em;
	color: #929191;	
}
#content_menu ul li a {
	text-decoration: none;
	color: #929191;
}

#content_menu ul li a:hover {
	color: #99d610;
}

#content_footer {
	width: 810px;
	height: 100%;	
	text-align: center;	
	font-size: 0.9em;
	color: #929191;		
}

#projects {
	width: 810px;
	height: auto;	
	line-height: 20px;	
	color: #929191;
	margin: 25px 0 0 0;	
}

.ua_project_wrap {
	width: 374px;
	height: auto;
	padding: 15px 0 25px 0px;
	font-size: 0.9em;
	color: #5b5b5b;
}

.ua_project_wrap a {
	color: #3289e7;
	text-decoration: none;
}

.ua_project_name {
	font-size: 1.1em;
	color: #3289e7;
	font-weight: bold;
}
.ua_project_left {
	width: 170px;
	height: auto;
	float: left;	
}

.ua_project_right {
	width: 180px;
	height: auto;
	float: right;
	padding: 0 0 0 0;
}

.ua_project_right img {
	margin: 5px 0 0 0;
}

.ua_image {
	width: 188px;
	height: 130px;
	padding: 8px 0 0 7px;	
	background: url("../images/ua_image_bg.jpg") no-repeat;
}

#left {
	width: 399px;
	height: auto;
	float: left;		
}

#right {
	width: 399px;
	height: auto;
	float: right;	
}

#left_top {
	width: 359px;
	padding: 0 0 0 40px;
	height: 34px;
	line-height: 33px;
	float: left;
	background: url("../images/ua_mlm_bg.jpg") repeat-x;	
}

#right_top {
	width: 359px;
	padding: 0 0 0 40px;
	height: 34px;
	line-height: 33px;
	float: right;
	background: url("../images/ua_mlm_bg.jpg") repeat-x;	
}

#left_content {
	width: 399px;
	height: auto;
	float: left;
	background: #f7f7f7 url("../images/ua_project_bg.jpg") repeat-x;
	padding: 0 0 10px 0;	
}

#right_content {
	width: 399px;
	height: auto;
	float: right;
	background: #f7f7f7 url("../images/ua_project_bg.jpg") repeat-x;
	padding: 0 0 10px 0;	
}

#ua_detail_left {
	width: 320px;
	height: auto;
	float: left;
	font-size: 0.9em;	
}

#ua_detail_right {
	width: 480px;
	height: auto;
	float: right;		
}

#footer {
	width: 890px;
	height: 94px;
	background: url("../images/ua_footer_bg.jpg");	
}

#help_down {
	width: 884px;
	height: 94px; 
	border: 3px solid #fff;
	background: #f7f7f7;
	margin: 10px 0 20px 0;
}

.ua_lt {
	width: 88px;
	height: 25px;
	line-height: 24px;
	float: right;
	color: #fff;
	margin: 2px 0 2px 5px;
	text-align: center;	
}

.ua_lt a { color: #fff; }
.project_more {
	background: url("../images/ua_vice.jpg") no-repeat;	
}
.project_link {	
	background: url("../images/ua_open.jpg") no-repeat;		
}
.project_news {	
	background: url("../images/ua_novinky.jpg") no-repeat;		
}


/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider-range { position: absolute; z-index: 1; font-size: 1%; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { position: relative; top: 0; height: 100%; }

.ui-slider-vertical { width: .8em; height: 100%; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; height: auto; width: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://themeroller.com/{themeurl}
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-header { width: 770px; height: 43px; text-align: center;}
.ui-widget-header a { color: #222222/*{fcHeader}*/; }
.ui-widget-content { text-align: left;}
.ui-widget-content a { color: #222222/*{fcContent}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { outline: none; background: url("../images/hp_tabs_default.jpg") no-repeat; width: 190px; height: 45px; text-align: center;}
.ui-state-default a { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {outline: none; }
.ui-state-hover a { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {  background: #ffffff/*{bgColorActive}*/ url(images/ffffff_40x100_textures_02_glass_65.png)/*{bgImgUrlActive}*/ 0/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
.ui-state-active a { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0/*{bgOverlayXPos}*/ 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -4px/*{offsetTopShadow}*/ 0 0 -4px/*{offsetLeftShadow}*/; padding: 4px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0/*{bgShadowXPos}*/ 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .35;filter:Alpha(Opacity=35)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; }

/* Tabs
----------------------------------*/
.ui-tabs { padding: 15px 0 0 0; zoom: 1; background: url("../images/hp_tabs.jpg") no-repeat; width: 800px; height: 400px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background: url("../images/hp_tabs_selected.jpg") no-repeat; width: 190px; height: 45px; text-align: center; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 20px 20px; width: 730px; height: 300px; display: block; border-width: 0; background: url("../images/hp_tabs_content.jpg") repeat-x; color: #000; line-height: 30px; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-panel ul { padding: 0 0 0 60px;}

/* vTIP */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: #65c2ee; border: 1px solid #767776; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: 7px; left: -12px }