/*    B A S I C  */
body {
	margin: 0; 
	padding: 0;
	text-align: center;
	font-family: 'Trebuchet MS','Arial CE', 'Helvetica CE', Arial, Tahoma, 'Tahoma CE', lucida, sans-serif;
	font-size: 12px;
	color: #666666;
	BACKGROUND: #fff url("../images/cssimages/bg_back.jpg") 0 0 repeat-x;
}

a {
	text-decoration: none;
	color:  #e42e06;
}
	
a:visited {
	color:  #e42e06;
}
	
a:active {
	color:  #e42e06;
}

a:hover {
	text-decoration: underline;
}

p {
	text-align: justify;
}


/* BODY CONTAINER */	
#main {
	width: 995px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#main-content {
	float: left;
	width: 995px;
	overflow:hidden;
	padding: 0 1px;
}

/* header */
#header {
	position: relative;
	float: left;
	width: 995px;
	height: 170px;
	top: 0;
	left: 0;
	overflow: hidden;
	BACKGROUND: url("../images/cssimages/bg_header.gif") 0 0 no-repeat;
}

#header h2{
	POSITION: relative; 
	float: left;
	color: #bcc1c6;
	font-size: 25px;
	top: 8px;
	left: 65px;
	margin: 0;
	padding: 0;
}

#logo 
{
	POSITION: relative; 
	FLOAT: left; 
	WIDTH: 134px;
	HEIGHT: 134px; 
	TOP: 17px;
	LEFT: 15px; 
	MARGIN: 0; 
	PADDING: 0;
}

#logo h1 
{
	DISPLAY: inline;
	BACKGROUND-IMAGE: none;
	MARGIN: 0; 
	PADDING: 0;
}

#logo a 
{
	DISPLAY: block; 
	POSITION: relative;  
	WIDTH: 134px;
	HEIGHT: 104px; 
	TOP: 0;
	LEFT: 0;
	MARGIN: 0; 
	PADDING: 40px 0 0 0;
	FONT-SIZE: 9px; 
	TEXT-ALIGN: center;
	COLOR: #fff;
	BACKGROUND-COLOR: inherit;
}

#logo span 
{
	BACKGROUND: url("../images/cssimages/szc_logo.gif") top right no-repeat;
	CURSOR: pointer; 
	DISPLAY: block; 
	POSITION: absolute;
	WIDTH: 134px;
	HEIGHT: 134px;  
	MARGIN: 0; 
	PADDING: 0; 
	LEFT: 0px; 
	TOP: 0px; 
	Z-INDEX: 0;
}

a#uci{
	float: right;
	width: 52px;
	height: 43px;
	font-size: 1px;
	color: #ededed;
	text-decoration: none;
	margin: 0 0 0 20px;
	BACKGROUND: url("../images/cssimages/logo_uci.gif") top right no-repeat;
}

a#uci:hover{
	BACKGROUND: url("../images/cssimages/logo_uci.gif") 0 -43px no-repeat;
	color: #ededed;
	text-decoration: none;
}


a.nav, a.nav:visited, a.nav:active{
	float: right;
	width: 75px;
	height: 31px;
	color: #6b6b6b;
	padding: 12px 0 0 0; 
	text-align: center;
	text-decoration: none;
}

a.nav:hover{
	color: #6b6b6b;
	text-decoration: underline;
	BACKGROUND: url("../images/cssimages/bg_nav.jpg") 0 0 repeat-x;
}

#flash {
	position: relative;
	float: left;
	width: 788px;
	height: 88px;
	top: 21px;
	left: 58px;
}

/* MENU */
#menu {
	float: left;
	width: 149px;
	background: url("../images/cssimages/bg_menu.gif") top right no-repeat;
}

#menu ul 
{
	FLOAT: left;
	width: 149px;
	MARGIN: 0;
	PADDING: 0 0 20px 0;
	LIST-STYLE: none;
	FONT-WEIGHT: normal;
}

#menu li 
{
	position: relative;
	FLOAT: left;
	MARGIN:  0;
	PADDING: 0;
}

#menu li a
{
	DISPLAY: block;
	TEXT-ALIGN: right;
}

#menu li a:hover
{
	TEXT-DECORATION: none;
}

li.root a,li.root a:link,li.root a:visited
{
	FLOAT: left;
	width: 133px;
	height: 30px;
	color: #ff8142;
	FONT-SIZE: 12px;
	PADDING: 5px 16px 0 0;
	BACKGROUND: url("../images/cssimages/li_menu_left.gif") 45px 0 no-repeat;
}

li.root a:hover
{
	COLOR: #861c00;
	BACKGROUND: url("../images/cssimages/li_menu_left.gif") 45px -32px no-repeat;
}

#rooton a,#rooton a:link,#rooton a:visited
{
	FONT-WEIGHT: bold;
	COLOR: #2572b9;
	BACKGROUND: url("../images/cssimages/li_menu_left.gif") 47px -67px no-repeat;
}


li.prva a,li.prva a:link,li.prva a:visited
{
	FLOAT: right;
	width: 130px;
	height: 15px;
	color: #080a31;
	FONT-SIZE: 11px;
	PADDING: 0 9px 5px 0;
	BACKGROUND: url("../images/cssimages/li_submenu.gif") 133px 7px no-repeat;
}

li.prva a:hover
{
	color: #2572b9;
	BACKGROUND: url("../images/cssimages/li_submenu.gif") 133px -18px no-repeat;
}

#on a,#on a:link,#on a:visited
{
	FONT-WEIGHT: bold;
	color: #2572b9;
}

li.druha a,li.druha a:link,li.druha a:visited
{
	FLOAT: right;
	width: 119px;
	height: 15px;
	color: #ff8142;
	FONT-SIZE: 11px;
	PADDING: 0 15px 5px 0;
}

li.druha a:hover
{
	color: #2572b9;
}


/* MENU */
#menu2 {
	float: left;
	width: 168px;
	padding: 10px 0 0 0;
	background: url("../images/cssimages/bg_menu_right.gif") top right no-repeat;
}

#menu2 ul 
{
	FLOAT: left;
	width: 168px;
	MARGIN: 0;
	PADDING: 0 0 20px 0;
	LIST-STYLE: none;
	FONT-WEIGHT: normal;
}

#menu2 li 
{
	position: relative;
	FLOAT: left;
	MARGIN:  0;
	PADDING: 0;
}

#menu2 li a
{
	DISPLAY: block;
	width: 138px;
	height: 35px;
	COLOR: #2572b9;
	FONT-SIZE: 12px;
	PADDING: 0 0 0 30px;
	TEXT-ALIGN: left;
}

#menu2 li a:hover
{
	COLOR: #b9cde1;
	TEXT-DECORATION: none;
}


#menu2 li.root a,#menu2 li.root a:link,#menu2 li.root a:visited
{
	DISPLAY: block;
	width: 138px;
	height: 35px;
	COLOR: #2572b9;
	FONT-SIZE: 12px;
	PADDING: 0 0 0 30px;
	TEXT-ALIGN: left;
	BACKGROUND: url("../images/cssimages/li_menu_right.gif") 10px 6px no-repeat;
	BACKGROUND-COLOR: inherit;
}


#menu2 li.root a:hover
{
	COLOR: #b9cde1;
	TEXT-DECORATION: none;
	BACKGROUND: url("../images/cssimages/li_menu_right.gif") 10px -25px no-repeat;
}

#menu2 li.prva a,#menu2 li.prva a:link,#menu2 li.prva a:visited
{
	FLOAT: right;
	width: 139px;
	height: 15px;
	color: #080a31;
	FONT-SIZE: 11px;
	PADDING: 0 0 5px 10px;
	BACKGROUND: url("../images/cssimages/li_submenu.gif") 0 7px no-repeat;
}

#menu2 li.prva a:hover
{
	color: #2572b9;
	BACKGROUND: url("../images/cssimages/li_submenu.gif") 0 -18px no-repeat;
}

#menu2 li.druha a,#menu2 li.druha a:link,#menu2 li.druha a:visited
{
	FLOAT: right;
	width: 139px;
	height: 15px;
	color: #ff8142;
	FONT-SIZE: 11px;
	PADDING: 0 0 5px 10px;
}

#menu2 li.druha a:hover
{
	color: #2572b9;
}




/* content */


#right {
	float: left;
	width: 168px;
	background: url("../images/cssimages/bg_menu_right.gif") top right no-repeat;
}

#center {
	float: left;
	width: 678px;
	background: url("../images/cssimages/bg_center.gif") top left no-repeat;
}

#center h1 {
	float: left;
	width: 400px;
	color: #2572b9;
	font-size: 25px;
	padding: 25px 0 0 50px;
	margin: 0;
}

#img {
	float: right;
	padding: 0 20px 0 0;
}


#content {
	float: left;
	width: 570px;
	height: auto;
	padding: 0 50px 0 50px;
	margin: 31px 0 0 0;
	font-size: 14px;
	text-align: justify;
	background: url("../images/cssimages/bg_content.gif") 14px 0 repeat-y;
}

#content h2 {
	margin: 0;
	padding: 0 0 15px 20px;
	color: #ff8142;
	font-size: 19px;
	font-weight: bold;
	background: url("../images/cssimages/h2.gif") 0 8px no-repeat;
}

#content h3 {
	color: #2572b9;
	font-weight: bold;
}

#content table {

	margin: 0;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

#content td {
	color: #666666;
	font-size: 11px;
	border: 1px solid #bdbdbd;
	padding: 5px;
	spacing: 0px;
	vertical-align: middle;
	text-align: left;
}


#content #box {
	float: left;
	width: 263px;
	padding: 0 20px 20px 0;
	border: 0; 
	border-right: 1px solid #d8d9d9;
}


#content #box a {
	color: #2572b9;	
	font-size: 11px;
}

#content #boxRight {
	float: right;
	width: 263px;
	padding: 0 0 20px 20px;
}

#content #boxRight a {
	color: #2572b9;	
	font-size: 11px;
}

.ad {
	float: left;
}

.ad img {
	border: 1px solid #dedede;
	padding: 1px;
	margin: 0 0 20px 0;
}

.adtop {
	float: left;
}

.adtop img {
	border: 1px solid #dedede;
	padding: 1px;
	margin: 10px 0 5px 0;
}

.adtopright {
	float: left;
}

.adtopright img {
	border: 1px solid #dedede;
	padding: 1px;
	margin: 0 0 10px 10px;
}




/* footer */
#footer {
	float: left;
	width: 670px;
	color: #c9cdd1;
	font-size: 13px;
	padding: 60px 0 10px 0;
	text-align: center;
	background: url("../images/cssimages/bg_footer.gif") 14px 0 no-repeat; 
	overflow: visible;
}

#footer a {
	color: #c9cdd1;
	font-weight: bold;
}

#footer a:hover {
	color: #ff8142;
}

/* ine */

.linehover 
{
	background: url("../images/cssimages/over.gif") 0 4px repeat-x; 
}

.button
{
	BORDER: 0;
	COLOR: #999;
	FONT-FAMILY: "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	WIDTH: 64px;
	HEIGHT: 22px;
	BACKGROUND: url("../images/cssimages/button.gif") 0 0 no-repeat;
	BACKGROUND-COLOR: inherit;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap; 
	MARGIN: 2px 0 2px 0;
}