/*=========fontface==========*/

@font-face {
	font-family: 'florl';
	src: url('/files/font/FLORLI__-webfont.eot');
	src: local('ти'),
			 url('/files/font/FLORLI__-webfont.woff') format('woff'),
			 url('/files/font/FLORLI__-webfont.ttf') format('truetype'),
			 url('/files/font/FLORLI__-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family: 'vera';
	src: url('/files/font/vera-webfont.eot');
	src: local('ат'),
			 url('/files/font/vera-webfont.woff') format('woff'),
			 url('/files/font/vera-webfont.ttf') format('truetype'),
			 url('/files/font/vera-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}


* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}
		
body {
text-align: center;
color: #000;
font-size: 100% ;
font-family: Verdana, serif;
background: url(bg.jpg) top left repeat-x;
}

hr, .nascosto{
position: absolute;
top: -9999px;
left:-9999px;
}


div.cl, div.cb, div.cr{
height:0;
border:none;
}

div.cl{clear:left;}
div.cb{clear:both;}
div.cr{ clear:right;}

* html div.cl, * html div.cb, * html div.cr {
position:absolute; 
visibility:hidden;
}




/*====immagini====*/

img {
	border: 1px solid #CCC;
}

img.fleft {
	margin: 5px 15px 10px 0px;
	float:left;
	padding: 5px;
	border: 1px solid #E8F6F9;
}

img.fright {
margin: 5px 0px 5px 15px; 
float:right;
padding:5px;  
}

a img {  
  border: 1px solid #568EB6;
}

a:hover img {  
  border: 1px solid #ccc !important; 
  border: 1px solid #568EB6;/* IE fix*/
}

/*====immagini====*/


#wrapper {
	width:880px;
	text-align: left;
	padding: 0 10px 10px 10px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
	background-color: #FFFFFF;
}

#logo {
	color: #fff;
	/*height: 100px;*/
	/*background: url(logo.jpg) left top no-repeat;*/
}
#logo h1 {
	font-size: 60%;
	color: #666;
	text-align: center;
}
#header {
	color: #fff;
	/*width: 880px;
	display: none;*/
	height: 220px;
	z-index:0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	/*background: url(http://www.bed-and-breakfast-in-umbria.it/includes/sfondo.aspx) left top no-repeat;*/
}

#header h1{
	color:#FFFFFF;
	
	  /*background-color:#A4D613;
	  /* for IE */
	  /*filter:alpha(opacity=60);
	  /* CSS3 standard */
	  /*opacity:0.6;*/
	  
	font-size:2.5em;
	/*padding: 170px 24px 14px 300px;*/
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 100;
	font-family: 'florl', Georgia, "Times New Roman", Times, serif;
}





/*================================*/
.menuNavigazione{
margin:0;
padding:0.5em 0;
text-align:right;
font: 15px Verdana, Arial, Helvetica, sans-serif;
height: 20px;
/*line-height: 30px;*/
font-weight: bold;
}

.menuNavigazionemain{
height: 30px;
font-family: 'vera';
}


.menuNavigazione li{
display:inline;
margin:0;
border-left:1px solid #fff;
height:0;
padding:0 0.5em;
}


.menuNavigazione li.primaVoce{
border-left:none;
}

.menuNavigazione a:link,
.menuNavigazione a:visited{
background:#FFF;
color:#0873A4;
text-decoration:none;
}

.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
text-decoration:underline;
}
/*====================================*/

div.corpo {
float:left;
width: 880px;
background: #fff;
}


#colonna-1 {
	float:left;	
	background: #fff;
	color: #000;	
	width: 560px;
	position: relative; 
	left: 160px;
}

#colonna-1 h1{
	color:#0691CC;
	font-size:1.6em;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#colonna-1 h2{
	color:#0691CC;
	font-size: 1.4em;
	margin:8px 0 0 0;
	padding: 0 0 0 10px;
	margin: 8px 0 0 0;
	clear:left;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#colonna-1 h3{
	color:#A4D613;
	margin:8px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#colonna-1 p{
	color:#6d6d6d;
	font-size: 0.75em;
	margin: .5em .6em .5em 1em;
	line-height: 20px;
	text-align: justify;
}

#colonna-1 div{
	color:#6d6d6d;
	font-size: 0.75em;
/*	margin: .5em .6em .5em 1em;*/
	line-height: 20px;
}

#colonna-1 strong{
	color:#6d6d6d;
	/*font-size: 0.75em;
	margin: .5em .6em .5em 1em;
	line-height: 20px;*/
}

#colonna-1 ul{
	color:#6d6d6d;
	font-size: 0.75em;
	margin: .5em .6em .5em 1em;
	line-height: 20px;
	list-style: none;
}

#colonna-1 table{
	color:#6d6d6d;
	font-size: 0.75em;
	margin: .5em .6em .5em 1em;
	line-height: 20px;
}

#colonna-1 p.stemma{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
    padding:0px;
}

img.stemma
{
	border: 0px;
}

#colonna-1 a:link, #colonna-1 a:visited{
color: #0691CC;
background: #fff;
text-decoration: none; 
font-weight: bold; 
}

#colonna-1 a:hover, #colonna-1 a:focus, #colonna-1 a:active{
text-decoration: underline;
}

#colonna-1 span.ads
{
	padding: 30px;
}


#colonna-2 {
	float:left;
	width:160px;
	position: relative;
	right: 560px;
	background-color:#F0F6DF;
}



/* MENU SX */
div.jsenable h3{cursor: pointer}
div.jsenable ul ul{display:none}
div#nav li.hide ul{/*display:none*/}
div#nav li.hidereal ul{display:none}
div#nav li.show ul{display:block}
div#nav li.show h3{color:#fff; margin:0; padding:4px 10px 4px 16px;}


div#nav{
width:160px; 
background: #fff;
padding:0; 
}

div#nav h3 a, div#nav ul li h3, div#nav h3 a:visited, div#nav h3 a:hover,div#nav h3 a:focus, div#nav h3 a:active {
font-size: 12px;
margin: 0 ;
padding: 4px 10px 4px 8px; 
color: #fff; 
background: #0691CC;
border:none; 
height: 18px;
}

div#nav ul,div#nav li{
margin: 0;
padding: 0; 
list-style-type: none;
}

div#nav li{
margin: 0 0 1px 0;
}

div#nav a{
display: block;
padding-left: 12px; 

line-height: 18px;
text-decoration: none; 
font-size: 0.75em;
background: #fff;
}

div#nav h4 a {
 	background:#0691CC none repeat scroll 0 0;
}
 
 
div#nav a:hover{
color: #666666;
}

div#nav ul ul a{
color: #097FB1; 
background:#E5F2F8;
}

div#nav ul ul li.menuInterni a{
color: #006699; 
background:#F0F6Df;
margin: 0 0 0 3px;
}

div#nav ul ul li.menuInterni:hover{
color: #006699; 
background:#F0F6Df;
}

div#nav ul ul li.pagine{
font-weight: bold;
}

div#nav h3 a.comprensorio {
font-size: 12px;
margin: 0 ;
padding: 4px 10px 4px 8px; 
color: #fff; 
background: #0691CC;
border:none; 
height: 18px;
display: inline;
}

#colonna-3 {
	float:left;
	width: 160px;
	background: transparent;
	color: #000;
}

#colonna-3 select{
	font-size: 11px;
}

/* BOX LATELARALI DX COLORATI */
div.footer {
border: 1px solid #e2fcfa;
background: #E8F6F9;
padding: 2px;
margin: 8px auto 20px 10px;
}

div.vinaccia {
border: 1px solid #e2fcfa;
background: #E8F6F9;
padding: 2px;
margin: 8px auto 20px auto;
}

div.vinaccia h4 {
	color: #FFFFFF;
	margin:0;
	padding:0 0 0 .3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #0691CC;
}

div.vinaccia h4 a{
	color: #FFFFFF;
	/*margin:0;*/
	/*padding:0 0 0 .3em;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #0691CC;
	background:#0691CC none repeat scroll 0 0;
}

div.vinaccia h3 {
	font-size: 11px;
	color: #0691CC;
	margin:0;
	padding:0 0 0 .3em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.vinaccia p{
	font-size: 11px;
	margin:0;
	padding:0.3em;
	color: #6D6D6D;
	line-height: 15px;
}

div.vinaccia h4 a:link, div.vinaccia h4 a:visited{
text-decoration: none; 
color: #FFFFFF;
}

div.vinaccia h4 a:hover, div.vinaccia h4 a:focus, div.vinaccia h4 a:active{
	text-decoration:underline;
}

div.vinaccia h3 a:link, div.vinaccia h3 a:visited{
text-decoration: none; 
color: #0691CC;
}

div.vinaccia h3 a:hover, div.vinaccia h3 a:focus, div.vinaccia h3 a:active{
	text-decoration:underline;
}

div.modulo {
	border: 1px solid #e2fcfa;
	background: #E8F6F9;
	padding: 0;
	margin: 0;
/*	padding: 2px;
	margin: 8px auto 20px auto;*/
	font-size: 11px;
	color: #6D6D6D;
	line-height: 15px;
}

div.modulo h4 {
	color: #FFFFFF;
	margin:0;
	padding:0 0 0 .3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #0691CC;
}

div.modulo a:link, div.modulo a:visited{
text-decoration: none; 
color: #0691CC;
}

div.modulo a:hover, div.modulo a:focus, div.modulo a:active{
	text-decoration:underline;
}

div.blu {
	border: 1px solid #EFE7EF;
	background: #F0F6Df;
	padding: 2px;
left: 10px;
top: 20px;
}

div.blu h4{
	color: #A4D613;
	margin:0;
	padding:0 0 0 .3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #006400;
}

div.blu p{
	font-size: 11px;
	margin:0;
	padding:0.3em;
	color: #6D6D6D;
	line-height: 15px;
}

div.blu h4 a:link, div.blu h4 a:visited{
text-decoration: none; 
color: #A4D613;
}

div.blu h4 a:hover, div.blu h4  a:focus,  div.blu h4  a:active {
	text-decoration:underline;
	color:#F0F6Df;
}

.push {
height: 100px; 
clear:left;
}


#footer {
	clear: left;
	background: #fff url(footer-top.gif) center top no-repeat;
	color: #fff;
	text-align: center;
	height: 30px;
	margin: 10px auto 0 auto;
	width:880px;
	padding-bottom:5px;
}

#footer p{
color:#444;
font-size: .75em;
}


#footer a:link, #footer a:visited{
color:#0691CC;
text-decoration:none;
}

#footer a:hover, #footer a:focus, #footer a:active{
text-decoration:underline;
}

table.tablestrut{
color:#6d6d6d;
	font-size: 0.75em;
	margin: .5em .6em .5em 1em;
	line-height: 20px;
	}
	
a.bebtitleevidenza{
font-size: 18px; COLOR: #377ed0; font-family: Georgia, "Times New Roman", Times, serif;
}
a.bebtitleevidenza:visited{
COLOR: #377ed0;
text-decoration: none;
}
a.bebtitleevidenza:hover{
text-decoration: underline;
}	
a.bebtitle{
font-size: 16px; COLOR: #377ed0; font-family: Georgia, "Times New Roman", Times, serif;
}
a.bebtitle:visited{
COLOR: #377ed0;
text-decoration: none;
}
a.bebtitle:hover{
text-decoration: underline;
}
a.linkThumb, a.linkThumb:hover, a.linkThumb:visited
{
	text-decoration: none;
	color: #0691CC;
}
a.linkThumb img
{
	margin: 5px 0 5px 0;
	/*border: 1px solid #CCC;*/
}

div.photo
{
	padding: 5px;
}

div.mapFloating{
padding: 10px;
float: right;
}

td.bebtitleevidenza{
font-size: 18px; COLOR: #0691CC; padding: 10px;
}

div.spanConsigliato
{
	padding: 5px;
	/*border: 1px solid #0691CC;*/
}

div.spanConsigliato h2
{
	display: inline;
	padding: 5px;
}

div.spanConsigliato img
{
	float: left;
	margin: 10px;
	/*padding: 5px;*/
}

/*
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(http://www.bed-and-breakfast-in-umbria.it/images/overlay.png); }
* html #overlay{
background-color: #000 transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bed-and-breakfast-in-umbria.it/images/overlay.png", sizingMethod="scale");
}id:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bed-and-breakfast-in-umbria.it/images/overlay.png", sizingMethod="scale");
}
*/

//lytebox

#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px;
	background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/js/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(/js/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/js/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(/js/images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(/js/images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(/js/images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(/js/images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(/js/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/js/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(/js/images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(/js/images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(/js/images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(/js/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }


#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(/js/images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(/js/images/close_red.png) no-repeat; }
	#lbClose.green { background: url(/js/images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(/js/images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(/js/images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(/js/images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(/js/images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(/js/images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(/js/images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(/js/images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(/js/images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(/js/images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(/js/images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(/js/images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(/js/images/pause_gold.png) no-repeat; }
//jdgallery

div.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	/*width: 100%;
	height: 100%;*/
	
	width: 880px;
	height: 220px;
	background-color: #B4BFCD;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #B4BFCD;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

a.screen, a.screen:visited {
color:#003366; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0; /* add a border */
left:20px; /* position:the image */
top:20px;/*-165px;*/
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
border:0; /* add a border */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
border:5px solid #A4D613 !important; /* add a border */
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #0690cc) ) !important;
	background:-moz-linear-gradient( center top, #ededed 5%, #0690cc 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#0690cc') dropshadow(color=#ffff00,offX=5,offY=5);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #0690cc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #666666;
	text-align: center;	
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0690cc), color-stop(1, #ededed) ) !important;
	background:-moz-linear-gradient( center top, #0690cc 5%, #ededed 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0690cc', endColorstr='#ededed');
	background-color:#0690cc;
}.myButton:active {
	position:relative;
	top:1px;
}
a.myButton {
	text-decoration: none !important;
	color: #ffffff !important;
}
a.myButton :hover{
	text-decoration: none !important;
}