/*---
 CSS - Project specific
 Project  : RELIMA
 Author   : David Safar
  
 (c) Copyright Trisoft Technologies. All rights reserved.
---*/

html{
	height:100%;
	margin:0;
	padding:0;
}

body {
	background: url("/img/layout/bg.png") center top repeat-y #9be1ff;
	height:100%;
	margin:0;
	padding:0;
}

/*=== page wrapper */
#pg-holder {
	position:relative;
	width: 968px;
	margin-left:auto;
	margin-right:auto;	
	z-index:15;
}
.pg-inner-holder {
	margin: 0;
	width: 968px; /* for IE and Opera */
	min-width: 968px;
}
* html .pg-minwidth {
	position: relative; float: left; border-left: #fff 945px solid; height:1px; z-index: 1;	/* min-width for IE */ 
}
* html .pg-container {
	position: relative; float: left; margin-left: -945px; height:1px; z-index: 2;	/* min-width for IE */
}

/*=== page layout */
#l-top-bg {
	position:relative;
	background: url("/img/layout/top-grad-bg.png") center top repeat-x;
	z-index:15;
}
#l-top-img {
	position:relative;
	min-width:968px;
	background:url('/img/layout/top-bg.png') top center no-repeat;
}


/*=== page sections */
#s-header {
	position: relative;
	padding:0;
	height:85px;
	width:968px;
	z-index:29;
}
* html #s-header {
	height:85px;
}

#s-content {
	position: relative;
  	background: #fff;
	margin:0;
	padding:0;
}
#s-col-left {
  position: relative;
  background: #fff;
  margin:0;
  padding:0 5px 0 15px;
  float: left;
  width: 150px; /* left column */
}
#s-col-right {
  position: relative;
  background: #f9f9fb;
  margin:0;
  padding:0 0 0 0;
  float: right;
  width: 190px; /* left column */
}
#s-col-middle {
  position: relative;
  background: #fff;
  margin: 0 210px 0 165px; /* left and right column */
  padding:0 0 0 5px;
  height: auto;
  width: auto;
  min-height: 40em;
}
* html #s-col-middle {	/* min height for IE */
  height: 40em;	
}

#s-col-middle-as-right {
  position: relative;
  margin: 0 0 0 165px; /* left column */
  padding:0 15px 0 5px;
  height: auto;
  width: auto;
  min-height: 40em;
}
* html #s-col-middle-as-right {	/* min height for IE */
  height: 40em;	
}

#s-col-middle-as-left {
  position: relative;
  margin: 0 210px 0 0; /* right column */
  padding:0 0 0 20px;
  height: auto;
  width: auto;
  min-height: 30em;
}
* html #s-col-middle-as-left {	/* min height for IE */
  height: 30em;	
}
#s-col-middle-full {
  position: relative;
  margin: 0; /* no columns */
  padding:0 0 0 5px;
  height: auto;
  width: auto;
  min-height: 40em;
}
* html #s-col-middle-full {	/* min height for IE */
  height: 40em;	
}

#s-photo {
	position: relative;
	background:url('/img/layout/photo-bg.gif') top left repeat-x;
	height:114px;
	margin:0 1px 1px 1px;
}
#s-body {
	padding:5px 1px 1px s-mrpx;
}
#s-footer {
	color:#e2001a;
	background: #fff;
  	margin:0;
  	padding:10px 10px 5px 10px;
	text-align:center;
}

/*=== custom */
#s-menu 
{
	position:relative;
	background:url('/img/layout/menu-bg.png') top left repeat-x;
	color:#fff;
	height:40px;
	line-height:35px;
	padding:0 10px;
	padding-top:22px;
	margin:0 1px 1px 1px;
}
#mainmenu 
{
	position:absolute;
	left:5px;
	top:21px;
	z-index:100;
}
#mainmenu a
{
	color:#fff;
}
#s-submenu 
{
	position:relative;
	background:url('/img/layout/menu-gray.gif') top left repeat-x;
	height:159px;
	margin:0 1px 1px 1px;
}
#photo{
	position:relative;
	background:url('/img/layout/menu-blue-left.gif') top left no-repeat;
	padding:0 10px 0 65px;
	color:#6e7476;
	line-height:35px;
	height:38px;
	overflow:hidden;
}
#photo-btns {
	position:absolute;
	background:url('/img/layout/photo-buttons.png') top right no-repeat;
	left:826px;
	top:0px;
	width:140px;
	height:114px;
	padding-top:6px;
}
.photo-btn {
	width:133px;
	height:16px;
	color:#6e7476;
	padding:2px 3px;
	margin-bottom:1px;
}

.high {color:#4674d1;} /*#3366cc;*/
.nonhigh {color:#777;}

#flash-anim  {
	position:absolute;
	right:-30px;
	top:-3px;
	z-index:30;
}

#motto {
	position:absolute;
	left:200px;
	top:25px;
}
#logo {
	position:absolute;
	left:10px;
	top:10px;
}

#top-menu  {
	position:absolute;
	left:550px;
	top:4px;
	width:250px;
	text-align:right;
	z-index:10;
}

#language {
	position:absolute;
	left:830px;
	top:2px;
}
	
#flag-lang {
}
#tab-menu {
	position:absolute;
	left:520px;
	top:72px;
	color:#5c7ab1;
	margin:2px 0;
}
#print-version {
	position:absolute;
	background: url("/img/layout/print-version-bg.png") left top no-repeat;
	left:831px;
	top:103px;
	padding:4px;
	width:126px;	
	text-align:right;
	height:24px;
}
.print-version {
	color:#c0c5c7;
}
#search {
	background: url("/img/layout/search-bg.png") left top no-repeat;
	position:absolute;
	left:720px;
	top:0px;
	padding:5px;
}

/* left menu */
.category-header {
	font-size:11px;
	color:#f10000;
	font-weight:bold;
	border-bottom:1px solid #ffccbb;
	padding:0 5px 5px 5px;
	margin-right:5px;
}
.category-header a, .category-header a:hover {
	color:#f10000;
	text-decoration:none;
}
.menu-item {
	margin-right:5px;
	border-bottom: 1px dotted #dee4ef;
}
.menu-item a {
	display:block;
	background:#fff;
	padding:5px;
	font-size:11px;
	text-decoration:none;	
}
.menu-item a:hover {
	background:url('/img/layout/menu-orange-item.gif') top left repeat-x;
	text-decoration:none;
}
.act a {
	border-left: 5px solid #ffe9e1;
}

/* category path */
.category-path {
	border-bottom:1px solid #ffccbb;
}
.category-path a, .category-path a:hover {
	text-decoration: none;	
}
.line-grad {
	color:#5c7ab1;
	padding-bottom:6px;
	margin-bottom:-1px;
	background:url('/img/layout/line-orange-grad-white.gif') bottom right no-repeat;
}

.group {
	border-top:#C2D9F1 2px solid;
	margin-top:15px;
}

.value-yes {
	background: background:url("/img/icon/message/ok.gif") 4px 50% no-repeat;
}
.value-no {
	background: background:url("/img/icon/message/error.gif") 4px 50% no-repeat;
}

.zoom {
	background:url("/img/icon/theme_def/zoom.png") right center no-repeat;
	position:absolute;
	width:16px;
	height:17px;
	top:2px;
	right:8px;
	z-index:10;
	padding:0;
}
.box-photo {
scrollbar-base-color: #eee;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #eee;

scrollbar-shadow-color: #aaa;
scrollbar-lightshadow-color: #aaa;
scrollbar-darkshadow-color: #eee;

scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ccc;
}

/*=== photo box */
.photo-preview {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0 5px 0 5px;
	position:relative;
	float:left;
	width:85px;
}

#UpdateProgress1 
{
	display:inline;
	float:left;
}

/*=== single box - gray */
.boxContainer-g {
	margin: 5px 0 5px 0;
}
.boxContent-g {
	background: #f9f9f9;
	border-right: #eee 1px solid; border-left: #eee 1px solid;
}
b-g {
	margin: 0px;
}
.b1-g {
	display: block; font-size: 1px; background: #eee; margin: 0px 5px; overflow: hidden; height: 1px
}
.b2-g {
	border-right: #eee 2px solid; display: block; font-size: 1px; background: #F9F9F9; margin: 0px 3px; overflow: hidden; border-left: #eee 2px solid; height: 1px
}
.b3-g {
	border-right: #eee 1px solid; display: block; font-size: 1px; background: #F9F9F9; margin: 0px 2px; overflow: hidden; border-left: #eee 1px solid; height: 1px
}
.b4-g {
	border-right: #eee 1px solid; display: block; font-size: 1px; background: #F9F9F9; margin: 0px 1px; overflow: hidden; border-left: #eee 1px solid; height: 2px
}

.box-blue {
	background:#EBF2FA; /* url('/img/layout/diag_blue.png') left bottom repeat-x; */
	border-bottom: #D0E2F4 1px dotted;
}
.box-orange {
	background:#ffe9dd;
	color:#fd6d18;
	border-top: #feb78e 1px dotted;
}

.box-border {
	border: #C2D9F1 1px solid;
}

/*=== single box */
.boxContainer 
{
	margin:0 0 4px 0;
}
.boxContainer {
	z-index:0;
}
.boxContainer-grid {
	margin: 0px 0 5px 0;
}
.boxContent 
{
	background:#EBF2FA;
	border-right: #C2D9F1 1px solid; border-left: #C2D9F1 1px solid;
}
b {
	margin: 0px;
}
.b1 {
	display: block; font-size: 1px; background: #C2D9F1; margin: 0px 5px; overflow: hidden; height: 1px
}
.b2 {
	border-right: #C2D9F1 2px solid; display: block; font-size: 1px; background: #EBF2FA; margin: 0px 3px; overflow: hidden; border-left: #C2D9F1 2px solid; height: 1px
}
.b3 {
	border-right: #C2D9F1 1px solid; display: block; font-size: 1px; background: #EBF2FA; margin: 0px 2px; overflow: hidden; border-left: #C2D9F1 1px solid; height: 1px
}
.b4 {
	border-right: #C2D9F1 1px solid; display: block; font-size: 1px; background: #EBF2FA; margin: 0px 1px; overflow: hidden; border-left: #C2D9F1 1px solid; height: 2px
}

/* menu-left-1-normal */
.menu-left-1-no{
  padding: 2px 0px 4px 10px;
}
.menu-left-1-no a {text-decoration:none;color:#e2001a}
.menu-left-1-no a:hover {text-decoration: underline;color:#e2001a;}

/* menu-left-1-active */
.menu-left-1-act{
	padding: 2px 0 4px 10px;
	font-weight: bold;
}
.menu-left-1-act a {text-decoration:none;color:#e2001a}
.menu-left-1-act a:hover {text-decoration: underline;color:#e80000;}

/* menu-left-2-normal */
.menu-left-2-no{
	padding: 2px 0 4px 10px;
}
.menu-left-2-no a {text-decoration:none;color:#e2001a}
.menu-left-2-no a:hover {text-decoration: underline;color:#e80000;}

/* menu-left-2-active */
.menu-left-2-act{
  padding: 2px 0 4px 10px;
  font-weight: bold;
}
.menu-left-2-act a {font-weight: bold;text-decoration:none;color:#e2001a}
.menu-left-2-act a:hover {text-decoration: underline;color:#e80000;}

/* menu-tab-1-normal */
.menu-tab-1-no{
	padding: 2px 0 4px 0px;
}
.menu-tab-1-no a {text-decoration:none;}
.menu-tab-1-no a:hover {text-decoration: underline;color:#e80000;}

/* menu-tab-1-active */
.menu-tab-1-act{
	padding: 2px 0 4px 0px;
	font-weight: bold;
}
.menu-tab-1-act a {text-decoration:none;}
.menu-tab-1-act a:hover {text-decoration: underline;color:#e80000;}

/* menu-tab-2-normal */
.menu-tab-2-no{
	padding: 2px 0 4px 0px;
}
.menu-tab-2-no a {text-decoration:none;}
.menu-tab-2-no a:hover {text-decoration: underline;color:#e80000;}

/* menu-tab-2-active */
.menu-tab-2-act{
  padding: 2px 0 4px 0px;
  font-weight: bold;
}
.menu-tab-2-act a {font-weight: bold;text-decoration:none;}
.menu-tab-2-act a:hover {text-decoration: underline;color:#e80000;}

/* menu-main-1-normal */
ul {
  margin:0;
  padding:0;
}

li {
  margin:0;
  padding:0;
  display:inline;

}

/*** Main menu ***/
.main-menu-item {
  display:inline;
}

.main-menu-item a {
  padding:0px;
  text-decoration:none;
  color:#e2001a;
  height:38px;
  line-height:35px;
  border-right: #ffd9cb solid 1px;
  padding: 14px;
}
* html .main-menu-item a {
  padding: 0px 10px 0px 10px;
}
.main-menu-item a:hover {text-decoration:none;color:#ff9600;}
.main-menu-item-act {
  display:inline;
}
.main-menu-item-act a {
  background: url("/img/layout/menu-orange-act.gif") 0px 3px repeat-x;
  text-decoration:none;
  height:38px;
  line-height:35px;
   border-right: #ffd9cb solid 1px;
  color:#e2001a;
  padding: 14px;
}
* html .main-menu-item-act a {
  padding: 0px 10px 0px 10px;
  background: url("/img/layout/menu-orange-act.gif") 0px 0px repeat-x;
  }
.main-menu-item-act a:hover {text-decoration: none;color:#e2001a;}

/*** Submain menu ***/
.submain-menu-item {
  display:inline;
}
.submain-menu-item a {
  text-decoration:none;
  color:#5c7ab1;
  height:38px;
  line-height:35px;
  border-right: #d3e1f1 solid 1px;
  padding: 14px;
}
* html .submain-menu-item a {
  padding: 0px 10px 0px 10px;
}
.submain-menu-item a:hover {text-decoration:none;color:#ff9600;}
.submain-menu-item-act {
  display:inline;
  }
.submain-menu-item-act a {
  background: url("/img/layout/menu-blue-act.gif") 0px 3px repeat-x;
  text-decoration:none;
  height:38px;
  line-height:35px;
  border-right: #d3e1f1 solid 1px;
  color:#5c7ab1;
  padding: 14px;

}
* html .submain-menu-item-act a {
  padding: 0px 10px 0px 10px;
  background: url("/img/layout/menu-blue-act.gif") 0px 0px repeat-x;
  }
.submain-menu-item-act a:hover {text-decoration: none;color:#5c7ab1;}

/*** Tab menu ***/
.tabm-menu-item {
  display:inline;
  color: #5c7ab1;
}
.tabm-menu-item a {
  text-decoration:none;
  font-size: 10px;
  color: #5c7ab1;
 }
.tabm-menu-item a:hover {text-decoration: underline; }
.tabm-menu-item-act {
  display:inline;
  color: #5c7ab1;
  }
.tabm-menu-item-act a {
  text-decoration:none;
  font-size: 10px;
  color: #5c7ab1;
}
.tabm-menu-item-act a:hover {text-decoration: none;}

/*** Footer menu ***/
.footer-menu-item {
  display:inline;
  color: #e2001a;
}
.footer-menu-item a {
  text-decoration:none;
  height:38px;
  line-height:35px;
  color: #e2001a;
 }
.footer-menu-item a:hover {text-decoration: underline; }
.footer-menu-item-act {
  display:inline;
  color: #e2001a;
  }
.footer-menu-item-act a {
  text-decoration:none;
  height:38px;
  line-height:35px;
  color: #e2001a;
}
.footer-menu-item-act a:hover {text-decoration: none;}