@charset "utf-8";
/* CSS Document */
/* hacks varios, adivinen para q browser... */
html, body, #contenedor {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;	
}

html>body #contenedor {
    height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */
 
body {
    font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
    background-color: #242C3A;
    color: #FFF;
    }
label { position: absolute; width:212px; }
input, textarea, select { margin-left: 212px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #333; margin-bottom:7px; }
label.check, label.radio { position:relative; text-align:left; padding-left:20px; }
#contenedor {
	min-height: 100%; /* use min-height not height, to prevent overlap */
	margin-bottom: -90px;
	background-image: url(../img/borde_content.png);
	background-repeat: repeat-y;
	background-position: center top;
}
 #header {
	width:930px;
	height:185px;
	margin-bottom:13px;
	background-color: #fff;
	background-image: url(../img/back_header.jpg);
	background-repeat: no-repeat;
 }
 #language {
	width:930px;
	margin-bottom:13px;
	text-align:right;
	display:block;
	 }
  #partnerships {
	 width:930px;
	 height:73px;
	 margin-bottom:13px;
 }
 #menu {
	width:213px;
	padding-right:13px;
	border-right: 2px solid #274B5A;
	display:table;
	float:left;		
 }
 @font-face {
 font-family: GeoSlab703MdCnBTBold;
 src: url("../geo703bc-webfont.eot") /* EOT file for IE */
}
@font-face {
 font-family: GeoSlab703MdCnBTBold;
 src: url("../geo703bc.ttf") /* TTF file for CSS3 browsers */
}
 @font-face {
 font-family: Myriad_Condensed;
 src: url("../Myriad_Condensed_Web.eot") /* EOT file for IE */
}
@font-face {
 font-family: Myriad_Condensed;
 src: url("../Myriad_Condensed_Web.ttf") /* TTF file for CSS3 browsers */
}
  .h1{
	  font-family: GeoSlab703MdCnBTBold;
	  font-size:16px;
	  color:#FFF;
	  margin-bottom:10px;
	  text-transform: uppercase;
 }
 a.h1:link {
	  font-family: GeoSlab703MdCnBTBold;
	  font-size:16px;
	  color:#FFF;
	  text-decoration:none;
	  text-transform: uppercase;
 }
 a.h1:hover{
	color:#4AB2E4;
	  text-transform: uppercase;
 }
  a.h1:visited{
	color:#FFF;
	  text-transform: uppercase;
 }
   .texto{
	  color:#FFF;
 }
 a.texto:link
 {
	  color:#FFF;
	  text-decoration:none;
 }
 a.texto:hover{
	color:#4AB2E4;
 }
  a.texto:visited
 {
	  color:#FFF;
	  text-decoration:none;
 }
   .texto1{
	  color:#4AB2E4;
 }
 a.texto1:link
 {
	  color:#4AB2E4;
	  text-decoration:none;
 }
 a.texto1:hover{
	color:#FFF;
 }
  a.texto1:visited
 {
	  color:#4AB2E4;
	  text-decoration:none;
 }
  #menu_in {
	font-family: GeoSlab703MdCnBTBold;
	min-height:430px;
	margin-bottom:13px;
	background-image: url(../img/back_menu.png);
	background-repeat: no-repeat;
	background-position: top;
 }
 .banner_tours {
	  height:154px;
	  margin-bottom:13px;
	border: 1px solid #274B5A;
	clear:both;
 }
 #left_side {
	width:690px;
	float:right;
	margin-bottom:13px;
	display:inline;
 }  
 #text {
	 display:table;
	 border-bottom: 1px solid #274B5A;
 } 
 .border_bot {
	 border-bottom: 1px solid #274B5A;
	 margin-bottom:13px;
	 padding-bottom:13px;
 }
 #text_titulo {
	border-right: 1px solid #274B5A;
	padding-right:13px;	
	padding-bottom:13px;
	font-family: GeoSlab703MdCnBTBold;
	font-size:40px;
	color:#FFF;
 }
 #text_column1 {
	border-right: 1px solid #274B5A;
	padding-right:13px;
	padding-left:13px;	
	padding-bottom:13px;
	min-height:189px;	
 }
  #gallery {
	  display:table;
	  clear:both;
	 border-bottom: 1px solid #274B5A;
 }
 .banner_ch {
	width:194px;
	height:123px;
	padding:7px 7px 30px 7px;
	border: 1px solid #274B5A;
	background-color: #23333D;
	background-image: url(../img/back_banner_ch.png);
	background-repeat: repeat-x;
	background-position: bottom;
 }
  .foto_ch {
	width:198px;
	height:123px;
	padding:8px 7px 7px 7px;
	border: 1px solid #CCC;
	background-color: #fff;
	float:left;
	margin:0px 0px 13px 0px;
 }
   .foto_tapas {
	width:85px;
	height:123px;
	padding:8px 7px 7px 7px;
	border: 1px solid #CCC;
	background-color: #fff;
	float:left;
	margin:0px 13px 13px 0px;
 }
  .banner_ch_foto {
	width:194px;
	height:111px;
	background:#F4f4f4;
 }
   .banner_ch_foto_play {
	width:194px;
	height:111px;
 }
  .banner_ch_titulo {
	  padding-top:8px;
	  font-size:17px;
	  font-style:bold;
 }
  .banner_md {
	width:212px;
	padding-right:13px;
	padding-left:13px;
 }
  .banner_bottom {
	height:87px;	
	border: 3px solid #F4F4F4;
	background:#FFF;
 }
.dato {
	margin-bottom:13px;
	clear:both;
	height:112px;
	border-bottom: 1px solid #274B5A;
 }
 .dato  a:hover,
 {
	margin-bottom:13px;
	clear:both;
	height:112px;
	border-bottom: 1px solid #274B5A;
	background:#FFC;
 }
 .dato_v {
	margin-bottom:13px;
	height:320px;
	/*border-bottom: 1px solid #274B5A;*/
	width:214px;
	float:left;
 }
  .dato_h {
	margin-bottom:13px;
	height:200px;
	/*border-bottom: 1px solid #274B5A;*/
	width:214px;
	float:left;
 }
  .pic_dato_especie {
	height:132px;	
	border: 3px solid #F4F4F4;
	width:400px;
	float:left;
	margin-right:13px;
 }
 .dato_especie {
	clear:both;
 }
 .pic_dato {
	height:95px;	
	border: 3px solid #F4F4F4;
	width:198px;
	float:left;
	margin-right:13px;
 }
 .pic_dato_v {
	height:264px;	
	border: 3px solid #F4F4F4;
	width:198px;
	margin-right:13px;
 }
  .pic_dato_h {
	height:150px;	
	border: 3px solid #F4F4F4;
	width:198px;
	margin-right:13px;
 }
.text_dato {
	postion: absolute;
 }
 .text_dato_especie {
	postion: relative;
	text-align:justify;
	min-height:140px;
 }
 .line_right {
	border-right: 1px solid #274B5A;
	padding-right:13px;
 }
 .line_left {
	border-left: 1px solid #274B5A;
	padding-left:13px;
 }
 #text_column2 {
	width:211px;
	padding-left:13px;
 }
 #photo {
	width:690px;
	height:430px;
	margin-bottom:13px;
 }
  #video {
	width:690px;
	height:430px;
	margin-bottom:13px;
 }
  #photo_1 {
	width:215px;
	height:208px;	
	margin-bottom: 13px; 
 }
   #photo_2 {
	width:215px;
	height:209px;	
	margin-bottom: 13px; 
 }
   #photo_3 {
	width:463px;
	height:430px;	
	float:right;
	margin-bottom: 13px;
 }
    #photo_4 {
	width:215px;
	height:430px;	
	margin-bottom: 13px; 
 }
#principal {
    height: auto;
    padding: 13px;
    padding-bottom: 13px;   /* con este  padding el footer nunca toca el contenido */
    width: 930px;
    margin: 0 auto;
	border-left: 2px solid #274B5A;
	border-right: 2px solid #274B5A;	
	display:table;
}
#principal h2 {
	font-size: 24px;
    text-align: center;
}
 
#titulo {
    border: 0 none;
    display: table;
    width: 60%;
}
 
#titulo h1 {
    float: left;
    font-family: Georgia, serif;
    font-size: 48px;
    font-weight: bolder;
    line-height: 140%;
    margin: 5px;
	text-shadow: #333 1px 1px 3px;
}
 
#titulo a {
    display: block;
    color: #fff;
    text-decoration: none;
}
#links {
	height: 50px;
	padding-top:13px;
}
#footer {
	height: 20px;
	padding-left:13px;
	width: 966px;
	margin: 0 auto;
	padding:50px 0 20px 20px;
	background-image: url(../img/footer-logo.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#footer-spacer {
	height: 90px; /* = #container margin-bottom plus any extra space required between #container and #footer */
	clear:both;
}
.spacer {
	height: 13px;
	clear:both;
}
.pic_spacer {
	margin-right:23px;
}
/*////////////////////////////////////////////////////////*/

    /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
	list-style-type: none;      /* disable the display of the list item bullets */
	margin: 0px;                /* space around the list container */
	padding: 10px;               /* space within the list container */
	position: static;           /* need this so that the z-index stuff works correctly */
	/*background-color: #FFFFFF;      the default background color within the main menu container */
    z-index: 1000;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
	text-transform: uppercase;            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        /*float: left;                 this is to allow for the horizontal main menu */
        /*background-color: #FFFFFF;      main menu item background color */
        margin: 0px;                /* spacing between main menu items */
        padding: 1px 0px 2px 0px;               /* padding within main menu items */
        display: block;
		position: relative;
		border-bottom:1px solid #274B5A;
	font-size:19px;
	text-transform: uppercase; 
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 2px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        /*width: 120px;                should be the same as #dmenu li width */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
		background-color: #242C3A;  /* main menu item background color */
		margin-left:190px;
		border:2px solid #CCC;
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        width: 170px;              /*  (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
		position: relative;		
		color:#fff;		
	font-size:17px;
	text-transform: uppercase; 
    }

    #dmenu li a{                    /* top-level menu element links */
          /* text-align: center;       text alignment in main menu item links */
          /*   width: 140px;           set this to #dmenu ul width */
        display: block;
		text-decoration:none;
		color:#FFF;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 2px 5px 2px;
        margin: 0px;
          /*width: 140px;              (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
		color:#FFF;
        
    }

    #dmenu a:hover,                 /* top-level hovering properties */
	#dmenu li:hover{
        display: block;
		color:#4AB2E4;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
       /*  width: 140px;               should be set to the same value as #dmenu ul li width */
		color:#4AB2E4;
		
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        /*margin-left: 114px;          this should be the width of #dmenu ul li */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: 0px;           /* should be set to the same as #dmenu ul ul margin-top */
		
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: 0px;
        left: 0px;
    }

	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }
	 p {
        margin-top: 0px;
    }
/***************************************************************************/	
#dmenu1{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 150px 0 0 10px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        /*background-color: #FFFFFF;      the default background color within the main menu container */
        z-index: 1000;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
			font-family: GeoSlab703MdCnBTBold;
	  font-size:18px;
	  color:#FFF;
    }
    #dmenu1 li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        /*float: left;                 this is to allow for the horizontal main menu */
        /*background-color: #FFFFFF;      main menu item background color */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        display: block;
		position: relative;
		cursor:pointer;
    }

    #dmenu1 ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 2px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        /*width: 120px;                should be the same as #dmenu li width */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
		background-color: #FFFFFF;  /* main menu item background color */
		margin-left:50px;
		border:2px solid #CCC;
		cursor:pointer;
    }

    #dmenu1 ul li{                   /* second-level or greater menu element links */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        /*width: 140px;                (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
		position: relative;
    }

    #dmenu1 li a{                    /* top-level menu element links */
          /* text-align: center;       text alignment in main menu item links */
          /*   width: 140px;           set this to #dmenu ul width */
        display: block;
		text-decoration:none;
		color:#CCC;
		cursor:pointer;
    }
    
    #dmenu1 ul a {                   /* all the other level menu link elements */
        padding: 2px 5px 2px;
        margin: 0px;
        /* width: 140px;               (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
		color:#CCC;
        
    }

    #dmenu1 a:hover,                 /* top-level hovering properties */
	#dmenu1 li:hover{
        display: block;
		color:#4AB2E4;
    }
    
    #dmenu1 ul li:hover,             /* higher level hovering properties */
    #dmenu1 ul li a:hover{
        display: block;
       /*  width: 140px;               should be set to the same value as #dmenu ul li width */
		
    }

    #dmenu1 ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        /*margin-left: 114px;          this should be the width of #dmenu ul li */
    }

    /* only non-MSIE browsers use this */
    #dmenu1 ul li>ul,
    #dmenu1 ul ul li>ul{
        margin-top: 0px;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu1 li:hover ul ul,              
    #dmenu1 li:hover ul ul ul,
    #dmenu1 li:hover ul ul ul ul,
    #dmenu1 li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu1 li:hover ul,
    #dmenu1 ul li:hover ul,
    #dmenu1 ul ul li:hover ul,
    #dmenu1 ul ul ul li:hover ul,
    #dmenu1 ul ul ul ul li:hover ul{
        display:block;
    }
	.ruta {
		position:absolute;
		float:right;
		font-family: Myriad_Condensed;
	  	font-size:16px;
	  	color:#FFF;
		}
	.derecha {
		position:absolute;
		float:right;
		}
/**************************************************************************************************/
	.btn_menu_inactive a:hover,
	a:link{
	color:#24211D;
	background:none;
		}
	.btn_menu_inactive a:hover
		{
	color:#FFF;
	background:none;
		}
   .btn_menu_active a:link,
	a:visited
	{
	color:#24211D;
	background:none;
	text-decoration:none;
		}
		.btn_menu_active a:hover
		{
	color:#F00;
	background:#24211D;
		}
		
a.txt_black_desplegado:hover
	{
	color:#FFF;
	background:#C1C0BF;		
	}
/*-----------------------------------------------------*/
.slideshowContainer {
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
}

label{
	float: left;
	width: 200px;
}

textarea{
height: 80px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 0px;
margin-top: 5px;
}
br{
clear: left;
}

/*////////////////////////////////////////////////////////*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(../JavascriptFiles/fancybox/fancy_title_over.png);
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url(../JavascriptFiles/fancybox/fancybox-x.png);
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url(../JavascriptFiles/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(../JavascriptFiles/fancybox/fancybox-x.png);
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(../JavascriptFiles/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(../JavascriptFiles/fancybox/fancybox-x.png);
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(fancybox.png../JavascriptFiles/fancybox/);
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(../JavascriptFiles/fancybox/fancybox-y.png);
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(../JavascriptFiles/fancybox/fancybox.png);
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='JavascriptFiles/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }