﻿
body 
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color:#4C4C4D;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family: arial;
	font-size: 13px;
	color: #d1d0d0;
	text-align: justify;
	
	/*background-image:url(images/bg3.jpg);
	background-repeat:no-repeat;
	background-position:center top; */
	
	/* background-image:url(images/bg.jpg);*/
}

/* content */
.title {
	font-family:Myriad Pro;
	font-size: 23px;
	color: #ec8a22;
	text-align: justify;
	font-weight:normal
}

.art_name {
	font-family:Myriad Pro;
	font-size: 18px;
	color: #EA2119;
	text-align: justify;
	font-weight:normal
}


.text {
	font-family: arial;
	font-size: 12px;
	color: #8c8b8b;
	text-align: justify;
	font-weight:600;
}


.almasar_home
{
	font-family:Myriad Pro;
	font-size: 17px;
	color: #EA2119;
	text-align: justify;
	font-weight:bold;
	letter-spacing:4px;
	}

	
	
/* gallery */
	#imageFlow {
		position: absolute;
		width: 80%;
		height: 80%;
		overflow: hidden;
		background: #fff;
	}
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#imageFlow .link {
		border: dotted #fff 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
	}
	#imageFlow .top {
		position: absolute;
		width: 100%;
		height: 40%;
		background: #fff;
	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 16%;
		text-align: center;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
		color:#fff
	}
	#imageFlow .legend {
		font-size: 0.8em;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: absolute;
	}
	#imageFlow .arrow-right {
		position: absolute;
		right: 0px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}


/************** Menu *********************/
	
	
	.MenuBG
	{
		
		height:23px;
		
		}
		
		.Menu
	{
		
		height:23px;
		font-weight:bold;
		font-family:arial;
		font-size:15px;
		text-align:center
				
	}
	
	
	.TopMenuGroup
{
   text-align:center
}

.TopMenuItem
{ 

	color:#929596;
	/*background-color:#e2e2e2;*/
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;  
	cursor:pointer;
	width:60px;
	height:20px;
	padding-bottom:0px;
	text-align:center;
	border-left:solid 0px #ffffff;
	border-bottom:solid 3px Transparent;
	padding-right:2px

  
}


.TopMenuItemActive
{

		color:#929596;
		/*background-color:#e2e2e2;*/
		font-weight:bold;
		font-family:Verdana;
		font-size:12px; 
		cursor:pointer;
		width:60px;
		height:20px;
		padding-bottom:0px;
		text-align:center;
		border-left:solid 0px #ffffff;
		border-bottom:solid 3px Transparent;
		padding-right:2px
	
	}

.TopMenuItemHover 
{

		color:#ffffff;
		/*background-color:#666666;*/
		font-weight:bold;
		font-family:Verdana;
		font-size:12px; 
		cursor:pointer;
		width:60px;
		height:20px;
		padding-bottom:0px;
		text-align:center;
		border-left:solid 0px #ffffff;
		border-bottom:solid 3px Transparent;
		padding-right:2px
		
}


.MenuGroup
{
 
	 
		color:#ffffff;
		font-weight:bold;
		font-family:arial;
		font-size:12px; 
		cursor:pointer;
		height:23px;
		text-align:left;
		background-color:#444444;
       
   
}

.MenuItem
{
    color :#929596;
	font-weight:bold;
		font-family:Verdana;
		font-size:11px; 
	cursor:pointer;
	width:80px;
	height:23px;
	padding-bottom:5px;
	text-align:center;
	border-left:solid 0px #ffffff

       
}

.MenuItemHover 
{
		color:#000000;
		font-weight:bold;
		font-family:Verdana;
		font-size:11px; 
		cursor:pointer;
		width:80px;
		height:23px;
		padding-bottom:5px;
		text-align:center;
		border-left:solid 0px #ffffff
}


.MenuBreak
{
  background-image:url(images/break.gif);
  width:100%;
  height:23px;
}

.link{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8c8b8b;
	text-decoration: underline;
	
}
.link:link{color: #8c8b8b;}
.link:active{color: #8c8b8b;}
.link:visited{color: #8c8b8b;}
.link:hover{color: #d1d0d0;}


.link_art{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8c8b8b;
	text-decoration: none;
	
}
.link_art:link{color: #8c8b8b;}
.link_art:active{color: #000000;}
.link_art:visited{color: #8c8b8b;}
.link_art:hover{color: #ffffff;}



.link_art_on{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	
}
.link_art_on:link{color: #ffffff;}
.link_art_on:active{color: #000000;}
.link_art_on:visited{color: #8c8b8b;}
.link_art_on:hover{color: #ffffff;}




.link_art_b:link{color: #EA2119;}



/* link2*/
.link2{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8c8b8b;
	text-decoration: underline;
	
}
.link2:link{color: #8c8b8b;text-decoration: none;}
.link2:active{color: #8c8b8b;text-decoration: none;}
.link2:visited{color: #8c8b8b;text-decoration: none;}
.link2:hover{color: #d1d0d0;text-decoration: none;}


/*******************/

.NavBar
{
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding: 2px;
  padding-bottom: 1px;
  cursor: default;
}

.TopItem
{
  color: #FFFFFF;
 /* background-image: url(images/item_bg.gif);*/
  background-color: #191919;
  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  border:1px solid #ffffff;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor:hand;
}

.TopItemHover
{
  color: #b5d9f2;
 /* background-image: url(images/item_hoverBg.gif);*/
  background-color: #1b4d70;
  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  border:1px solid #ffffff;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor:hand;
}

.Level2Item
{
  font-family: tahoma, verdana;
  font-size: 12px;
  padding-left: 10px;
  cursor:hand;
}

.Level2ItemHover
{
  font-family: tahoma, verdana;
  font-size: 12px;
  text-decoration:underline;
  padding-left: 10px;
  cursor:hand;
}

.Level2Group
{
  background-color:white;
  background-image: url(images/group_bg.gif);
  border-top-color: #F0F1F5;
  padding:10px;
  padding-left:10px;
  padding-right:0px;
}

.Empty
{
}


.list{margin: 0 0 0px 15px; list-style-image:url(Images/list.jpg); line-height:22px}

/* inputs */

.btn { background-color:#999999 ; width:46px; height:17px;  text-align:center;  border-width:0px;
	
 color:#ffffff; font-family:arial; font-size:12px; font-weight:normal; cursor:pointer; padding:1px;
 
 }

.dropdownlist
{
	border:solid 1px #44608f;
	font-family: arial;
	color: #52504f;
	font-weight: normal;
	font-size: 12px;
	height:18px;
}

.listbox
{
	border:solid 1px #44608f;
	font-family: arial;
	color: #52504f;
	font-weight: normal;
	font-size: 12px;
	}

.textbox{ color:#52504f; font-family:Arial; font-size:11px; width:131px; height:11px; 

font-weight:normal; vertical-align:middle; padding-left:2px; text-align:left;
}

.textbox_long{ color:#000000; font-family:Arial; font-size:11px; width:250px; height:100px; 

font-weight:normal; vertical-align:middle; padding-left:2px; text-align:left; border:0px 0px 0px 0px
}

.fileupload
{
 width:250px; height:25px;background-color:#ffffff ;
	
border:solid 1px #999999; color:#999999; font-family:tahoma; font-size:12px; font-weight:normal;padding:3px
	}
	
.required{color: red; font-size:11px;font-weight: normal;font-family: arial;}	

/* /inputs */

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	color:#000000
}


/* SLIMBOX */


/* begin style */

.highslide {
	cursor: url(images/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
    color:#000000
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(images/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: black;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(images/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(images/controlbar4.gif);
	width: 167px;
	height: 10px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(images/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* end */

/* acc */
.arrowlistmenu{
width: 100%; /*width of accordion menu*/
height:780px
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
height:5px
/*cursor: hand;
cursor: pointer;*/
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
}

.arrowlistmenu ul li{

}

.arrowlistmenu ul li a{

display: inline;
text-decoration: none;
font-weight: bold;
}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/


}
/* acc */

.gallery_header
{ color:#ffffff;
	font-family:Impact;
	font-size:22px;
	letter-spacing:1px
	}
	
	.gallery_header2
{ color:#d72825;
	font-family:Impact;
	font-size:22px;
	letter-spacing:1px
	}
	
		.font-sp
{ color:#e62d28;
	font-family:arial;
	font-size:12px;
	font-weight:bold
	}