/* CSS Document */
a { text-decoration:none; }
a:hover { text-decoration:none; }


/* White */
.t10-white { font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; }
.t10-white-bold { font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t10-white-bold-smallcaps { font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-variant:small-caps; }
.t10-white-right { font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-right:10px; }
.t11-white { font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; }
.t11-white-5 { font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px; }
.t11-white-bold { font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t11-white-bold-smallcaps { font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-variant:small-caps; }
.t11-white-bold-smallcaps-5 { font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-variant:small-caps; padding:5px; }
.t11-white-bold-smallcaps-tit { font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-variant:small-caps; padding-left:0px; }
.t12-white { font: 12px Arial, Helvetica, sans-serif; color:#FFFFFF; }
.t12-white-bold { font: 12px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t12-white-bold:hover { text-decoration:none; color:#b50f19}
.t12-white-bold-smallcaps { font: 14px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-variant:small-caps; }
.t13-white-bold { font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t13-white-bold-smallcaps { font: 15px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-variant:small-caps; }
.t14-white-bold { font: 14px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t14-white-bold:hover { text-decoration:none;  color:#ffffff;}
.t14-white-bold-smallcaps { font: 16px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-variant:small-caps; }
.t18-white-bold-10l { font: 18px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; padding-left:10px;}
.t18-white-bold-10l:hover { font: 18px Arial, Helvetica, sans-serif; color:#0096FF; font-weight:bold; padding-left:10px; text-decoration:none;}
.t20-white-bold-10l { font: 20px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; padding-left:10px;}
.t20-white-bold-10l:hover { font: 20px Arial, Helvetica, sans-serif; color:#0096FF; font-weight:bold; padding-left:10px; text-decoration:none;}
.t18-white-bold { font: 18px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;}
.t20-white-bold { font: 20px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t22-white-bold { font: 22px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t24-white-bold { font: 24px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t30-white-bold { font: 30px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t35-white-bold { font: 35px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t38-white-bold { font: 38px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
.t55-white { font: 55px Arial, Helvetica, sans-serif, sans-serif; color:#fff; font-weight:bold; }
.t45-white { font: 45px Arial, Helvetica, sans-serif, sans-serif; color:#fff; font-weight:bold; }

/*black*/
.t12-black { font: 12px Arial, Helvetica, sans-serif; color:#000000; }
.t12-black-bold { font: 12px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;   }
.t11-black { font: 11px Arial, Helvetica, sans-serif; color:#000000; }
.t11-black-bold { font: 11px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;   }

/*text others*/

.t11-grey { font: 11px Arial, Helvetica, sans-serif; color:#989696; }
.t11-grey:hover { text-decoration:none }
.t12-grey { font: 12px Arial, Helvetica, sans-serif; color:#696a6c; }
.t18-grey { font: 18px Arial, Helvetica, sans-serif; color:#989696; }
.t18-grey-bold { font: 18px Arial, Helvetica, sans-serif; color:#424242; font-weight:bold; }
.t16-grey-bold { font: 16px Arial, Helvetica, sans-serif; color:#424242; font-weight:bold; }
.t14-grey-bold { font: 14px Arial, Helvetica, sans-serif; color:#989696; font-weight:bold; }
.t14-grey { font: 14px Arial, Helvetica, sans-serif; color:#989696; }
.t16-grey { font: 16px Arial, Helvetica, sans-serif; color:#989696; }
.t22-grey { font: 22px Arial, Helvetica, sans-serif; color:#989696;}
.t22-lightblue { font: 22px Arial, Helvetica, sans-serif; color:#9bc1f9;}
.t20-lightblue { font: 20px Arial, Helvetica, sans-serif; color:#9bc1f9;}
.t18-lightblue { font: 18px Arial, Helvetica, sans-serif; color:#9bc1f9;}
.t16-lightblue { font: 16px Arial, Helvetica, sans-serif; color:#9bc1f9;}
.t12-light-grey { font: 12px Arial, Helvetica, sans-serif, sans-serif; color:#c4c2c2; font-weight:normal; }
.t14-light-grey { font: 14px Arial, Helvetica, sans-serif, sans-serif; color:#c4c2c2; font-weight:normal; }
.t16-light-grey { font: 16px Arial, Helvetica, sans-serif, sans-serif; color:#c4c2c2; font-weight:normal; }
.t18-light-grey { font: 18px Arial, Helvetica, sans-serif, sans-serif; color:#c4c2c2; font-weight:normal; }
.t20-light-grey { font: 20px Arial, Helvetica, sans-serif, sans-serif; color:#c4c2c2; font-weight:normal; }
.t20-bold-grey { font: 20px Arial, Helvetica, sans-serif, sans-serif; color:#c4c2c2; font-weight:bold; }
.t32-light-grey { font: 32px Arial, Helvetica, sans-serif, sans-serif; color:#c4c2c2; font-weight:normal; }
.t12-grey-dark-bold{ font: 12px Arial, Helvetica, sans-serif; color:#424242; font-weight:bold;  }
.t12-grey-dark { font: 12px Arial, Helvetica, sans-serif; color:#424242;}
.t14-grey-dark-bold{ font: 14px Arial, Helvetica, sans-serif; color:#424242; font-weight:bold;  }
.t14-grey-dark { font: 14px Arial, Helvetica, sans-serif; color:#424242;}
.t14-blue-bold { font: 14px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:bold; }
.t12-blue { font: 12px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:normal; }
.t22-blue { font: 22px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:bold; text-align: left; }
.t18-blue { font: 18px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:normal; }
.t22-blue { font: 22px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:bold; }
.t35-blue { font: 35px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:bold; }
.t45-blue { font: 45px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:bold; }
.t30-navy { font: 30px Arial, Helvetica, sans-serif; color:#7994a7; font-weight:bold;}
.t20-navy { font: 20px Arial, Helvetica, sans-serif; color:#7994a7; font-weight:normal;}
.t15-navy { font: 15px Arial, Helvetica, sans-serif; color:#7994a7; font-weight:normal;}

.clear { clear: both; display: block; margin: 0px; padding:0px; height: 0px; line-height: 0px; font-size: 1px; }

/*body*/
body { margin:0; padding:0;  background-color:#fff;}
#content  { margin:0px; padding:0px; margin:auto; background-color:#eae9e6; width:100%;  min-height:800px; }
#content1 { margin:0px; padding:0px; margin:auto; width:100%; border:0px solid #069; background-color:#fff;}
#content2 { margin:0px; padding:0px; margin:auto; width:100%; padding-top:100px; padding-bottom:0px;}
#content3 { margin:0px; padding:0px; margin:auto; width:100%; padding-bottom:0px;  /*height:173px; */; width:100%; padding-top:20px; background-color:#ebebeb; border-top: 10px #fff solid; }
#content4 { margin:0px; padding:0px; margin:auto;  width:1000px; height:350px; padding:5px 0px 25px 0px; }
#content5 { margin:0px; padding:0px; margin:auto; width:1000px; padding-top:30px; padding-bottom:5px;}
#content7 { margin:0px; padding:0px; margin:auto; width:1000px; padding-top:30px; padding-bottom:5px;background-color:#fff;}
#content6 { margin:0px 0px 0px 0px ; padding:0px; margin:auto; width:100%; height:680px;}
#subimg {float:left;}
#textsubimg {float:left; width:170px; height:64px; background-color:#7994a7; padding-top:109px; text-align:center;}
#trackothers {float:right; width:300px; height:112px; padding-top:60px; text-align:right}
#trackothersgr { margin:0px; padding:0px; margin:auto; width:900px; height:150px; text-align:center;}
#ondeestamos {margin:0px; padding:0px; margin:auto; width:100%; height:15px; padding:10px; border-bottom:1px dotted #CCC;  }
#ondeestamos1 { margin:0px; padding:0px; margin:auto; width:1000px;}
#tbl { width:995px;}
#tbl-title2 { width:990px;text-align:left; padding:0px; background-color:#7994a7; margin-bottom:15px;}
#tbl-title { width:990px; height:30px; text-align:left; padding:5px;}
#tbl-title1 { width:990px; height:40px; text-align:left; padding:0px; background-color:#7994a7;}
#tbl-text { width:197px; height:30px; text-align:center; padding-top:10px; float:right; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF;}
#tbl-text-null { width:197px; height:30px; text-align:center; padding-top:10px; float:right; background-color:#0047a5;  border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; }
#tbl-text1 { width:197px; height:30px; text-align:center; padding-top:10px; float:right; background-color:#cddfec; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF;}
#tbl-text-nullpq { width:164px; height:30px; text-align:center; padding-top:10px; float:right; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; border-bottom:1px dotted #FFF; background-color:#0047a5;}
#tbl-text1pq { width:164px; height:30px; text-align:center; padding-top:10px; float:right; background-color:#cddfec; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF;}
#tbl-text-null1pq { width:165px; height:30px; text-align:center; padding-top:10px; float:right; background-color:#cddfec;  border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; }
#tbl-text-null1 { width:198px; height:30px; text-align:center; padding-top:10px; float:right; background-color:#cddfec;  border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; }
#tbl-textpq { width:164px; height:30px; text-align:center; padding-top:10px; float:right; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF;}

#hor { width:995px; float:left;}
#hor-title { width:990px; height:30px; text-align:left; padding:5px; float:left;}
#hor-title1 { width:990px; height:40px; text-align:left; padding:0px; background-color:#7994a7; float:left;}
#hor-title2 { width:990px; height:45px; text-align:left; padding:0px; background-color:#7994a7; float:left;}
#hor-text { width:164px; height:35px; text-align:center; padding-top:10px; float:right; border-right:1px dotted #FFF; background-color:#cddfec }
#hor-text-null { width:164px; height:35px; text-align:center; padding-top:10px; float:left; border-right:1px dotted #FFF; background-color:#cddfec }
#hor-text1 { width:164px; height:30px; text-align:center; padding-top:10px; float:left; background-color:#ededed; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; cursor:pointer;}
#hor-text1:hover { width:164px; height:30px; text-align:center; padding-top:10px; float:left; background-color:#cddfec; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; cursor:pointer}
#hor-text-null1 { width:164px; height:30px; text-align:center; padding-top:10px; float:left; background-color:#97acbb;  border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; cursor:pointer }
#hor-text-null1:hover { width:164px; height:30px; text-align:center; padding-top:10px; float:left; background-color:#cddfec;  border-right:1px dotted #FFF; border-bottom:1px dotted #FFF;  }



#big-image {  border-right:0px solid #fff; border-left:0px solid #fff; border-bottom:0px solid #fff;  margin-left:0px; border-top:5px solid #fff; margin-top:20px;  }
#top{ margin:0px; padding:0px; margin:auto; width:100%; height:106px; /*background-image:url(../imgs/backtopw.png);*/ border-bottom:10px solid #fff; background-color:#fff;}
#top_content { width:100%; margin:0px; padding-top:20px; margin:auto; height:80px; background-image:url(../imgs/back_top.jpg);}
#logo { float:left; width:200px; height:60px; padding-top:0px; margin-left:45px; }
#bottom { border:0px solid #3C0; width:1000px; margin-top:30px; margin-bottom:25px;}
#bottom-info { width:250px; float:left; border:0px solid #3C0;}
#bottom-image { border:10px solid #fff; width:214px;  margin:0px; padding:0px; margin:auto; }
#bottom-title { padding-bottom:5px; text-align:left; margin-left:10px;}
#allfooter { margin:0px; padding:0px; margin:auto; width:100%; border:0px #3CF solid;}
#footer-contact {background-color:#7194a8; padding-top:20px; height:360px; border:0px #000 solid; padding-bottom:20px;}
#footer-info {background-color:#ededed; padding-top:5px; height:60px; border:0px #000 solid; padding-left:15px;}
#contactitle { margin:0px; padding:0px; margin:auto; width:1000px; padding-left:15px; padding-bottom:10px; text-align:left;} 
#footer-contact-info {margin:0px; padding:0px; margin:auto; width:1000px; border:0px solid #090; padding-top:10px; padding-left:15px; padding-bottom:10px;}
#contact { width:300px; text-align:left; margin:5px 25px 5px 5px; padding-top:10px; float:left; height:300px;}
#contacttr { margin:0px; padding:0px; margin:auto; width:990px; height:200px; text-align:center; padding-top:200px;}
#contacttr2 { text-align:center; padding-top:200px; height:100px;}
#social { float:right; width:160px; margin-top:0; text-align:left; padding-right:5px; border-right:1px dotted #7994a7; height:30px;  }
#idiomas { float:right; width:520px; margin-top:0; text-align:right; padding-right:30px; margin-top:5px; height:30px; margin-right:25px;}
#pt { float:right; background-color:#fff; width:30px; height:16px; margin-top:6px; padding-top:2px; text-align:center; margin-left:15px; font: 12px Arial, Helvetica, sans-serif, sans-serif; color:#7994a7; font-weight:bold; }
#pt:hover { float:right; background-color:#fff; width:30px; height:16px; margin-top:6px; text-align:center; margin-left:15px; background-color:#fff;font: 12px Arial, Helvetica, sans-serif, sans-serif; color:#fff; font-weight:bold; padding-top:2px; }
#ing { float:right; width:30px; height:16px; margin-top:3px; padding-top:2px; text-align:center; margin-left:15px; font: 12px Arial, Helvetica, sans-serif, sans-serif; color:#fff; font-weight:bold; }
#ing a:hover { width:30px; height:16px; margin-top:6px; padding-top:2px; border-bottom:2px solid fff; font: 12px Arial, Helvetica, sans-serif, sans-serif; font-weight:bold; color:#fff; border-bottom:3px solid #fff;}
.idi { margin-right:6px; }
#objective { margin:0px; padding:0px; margin:auto; width:100%; border:0px #3CF solid; background-color:#fff; padding-bottom:0px; background-image:url(../imgs/back_dot.jpg); background-repeat:repeat-x; background-position:top; }
#objectivebox { margin:0px; padding:0px; margin:auto; width:1000px; height:540px; width:998px; background-image:url(../imgs/mapa.jpg); background-repeat:no-repeat; background-position:top; }

#seconditems { float:right; width:295px; margin-top:0; text-align:left; margin-right:10px; border:0px solid #000; height:295px;  }


#contacts { border:8px solid #fff; background-color:#fff; height:700px; width:930px;  margin:auto; margin-top:15px; margin-bottom:0; background-position:left; background-repeat:no-repeat; padding:25px;}
#horarios { border:0px solid #fff; height:160px; width:420px; margin-top:15px; float:left; padding:20px;}
#tracking { border:0px solid #fff; height:160px; width:420px; margin-top:15px; padding:25px; float:right; }
#infoa { width:450px; text-align:left; margin:5px 25px 5px 5px; padding-top:10px; float:left;}
#infob { width:950px; text-align:left; margin:5px 25px 5px 5px; padding-top:10px; float:left;}
#equip {padding:10px; background-color:#ebebeb; height:42px; margin-bottom:5px;}
#equip:hover {padding:10px; background-color:#b5c8d2; height:42px; color:#fff; margin-bottom:5px;}

/*menu*/



/*top*/

top {font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:auto; width:960px; padding-top:5px; padding-bottom:3px; text-align:right;}

#logo_menu {padding-top:18px; height:100px; float:left;}

#mapa { width:950px; height:200px; margin:auto;}
#mapa-item { width:156px; height:180px; padding-top:20px; float:left; text-align:center; cursor:pointer;}
#mapa-item:hover { width:156px; height:180px; padding-top:20px; float:left; text-align:center; color:#000000; background-color:#b50f19; cursor:pointer;} 
#items { width:145px; float:left; padding-left:10px; text-align:left; padding-top:25px;}
.item {  font: 12px Arial, Helvetica, sans-serif; color:#f9d4d4; height:25px;}


/*centro*/
#centro { width:960px; margin:auto; min-height:600px; }
#centro-left { width:665px; margin: 35px 10px 10px 0px; float:left; border:#0F0 solid 0px;}
#centro-left-contact { width:665px; margin: 5px 10px 10px 0px; float:left; border:#0F0 solid 0px;}
#centro-right { width:260px; float:right; border:#0F0 solid 0px;  margin: 35px 10px 5px 10px;}
#centro-menu { width:650px; float:left; text-align:left; border-bottom:dotted 1px #a5a4a4; height:25px;}
#right-menu { width:260px; text-align:left; border-bottom:dotted 1px #a5a4a4; height:25px;}
#centro-content { width:650px; float:left; border:#0F0 solid 0px; margin:20px 5px 15px 5px}
#centro-text { width:650px; float:left; border:#0F0 solid 0px; margin:20px 0px 15px 0px}
#right-text { width:240px; border:#0F0 solid 0px; margin:20px 5px 15px 0px}

/*form*/
/*#fast-form { width:252px; float:left; border:#0F0 solid 0px;  margin: 25px 0px 5px 0px; background-image:url(../imgs/back_search.jpg); background-position:top; background-repeat:repeat-x; padding-left:10px;}*/
#fast-form { width:252px; float:left; border:#0F0 solid 0px;  margin: 0px 0px 5px 0px;  height:40px;}
#form { width:252px; float:left; padding-left:10px; height:30px; background-image:url(../imgs/back_search.jpg); background-position:top; background-repeat:repeat-x; padding-top:15px;}
#tracking-form { width:640px; float:left; border:#0F0 solid 0px;  margin: 0px 0px 5px 0px; margin-bottom:50px;}



/*feedback*/
.#dropdown { width:350px; border: 1px solid #999; }
/* End Feedback */



.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
			
			
			}
			
			
/*hover images*/
.view {
   width: 300px;
   height: 150px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: pointer;
  /* background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
  
}
.view .mask,.view .content {
   width: 300px;
   height: 170px;
   position: absolute;
   overflow: hidden;
   top: 125px;
   left: 0;
     
}
.view img {
   display: block;
   position: relative;
   
}
.view h2 {
   text-transform: uppercase;
   color: #7994a7;
   text-align: center;
   position: relative;
   font-size: 30px;
   padding: 10px;
   background: rgba(255, 255, 255, 0.8);
   margin: 10px 0 0 0;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
 }
.view p {
   font-family:Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: 14px;
   position: relative;
   color: #1e3a4d;
   padding: 10px 20px 20px;
   text-align: center;
   font-weight:bold;
   }
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;

}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
    
}		



.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-image:url(../imgs/backtopw.png);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
  
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}



/*SLIDE DA HP*/



 
.da-slider{
	width: 100%;
	min-width: 520px;
	height: 500px;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	border-top: 0px solid #b7002b;
	border-bottom: 0px solid #b7002b;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}
.da-slide{
	/*background: transparent url(../imgs/06.jpg) repeat 0% 0%;*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 20px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
}


.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	padding-top:0px;
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}
.da-slide h2{
	color: #ededed;
	font-size: 56px;
	width: 100%;
	top: 190px;
	white-space: nowrap;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-family: 'Economica', Arial, sans-serif;
	font-weight:bolder;
	font-style: normal;
	background-image:url(../imgs/backtop64.png);
	padding:5px 5px 5px 5px;

	}
.da-slide p{
	width: 100%;
	top: 275px;
	color: #ededed;
	font-size: 35px;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	font-style: normal;
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,2);
	text-transform:uppercase;
	margin-left:100px;
	background-image:url(../imgs/backtop64.png);
	padding:5px 5px 5px 5px;
}
.da-slide .da-img{
	text-align: center;
	width: 30%;
	top: 70px;
	height: 256px;
	line-height: 320px;
	left: 110%; /*60%*/
}
.da-slide .da-link{
	top: 380px; /*depends on p height*/
	border-radius: 0px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 4px solid rgba(255,255,255,1);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 80px;
	text-align: center;
	background: rgba(255,255,255,0.2);
	background-color:#8baabf;
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #7994a7;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #ebebeb;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.3) inset, 
		1px 1px 1px rgba(255,255,255,0.3);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(../images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 9px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
}
.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}
/* Animation classes and animations */


/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.2s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.2s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.2s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.2s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.2s ease-in-out 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.6s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 300%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 500%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 2000%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.2s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.2s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.2s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.2s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.2s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{

	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

					
			
			
			
			/*----------------NOVO MENU----*/
			
			
.menu01 {padding-top:8px; cursor:pointer; color: #7994a7; padding: 8px 10px 2px 10px; height:25px; }
.menu01:hover {color:#a8a7a5; border-left:solid 1px #fff; border-right:solid 1px #fff; padding: 8px 9px 2px 9px;}

#menu_all {float:right; padding-right:5px; width:550px; margin-top:10px;}
#menu_all_pt {float:right; padding-right:0px; width:750px; margin-top:15px;}

#nav
		{
			width: 100%; /* 1000 */
			font-family: 'Open Sans', sans-serif;
			font-weight: 100;
			position: absolute;
			top: 80px;
			left: 0;
			margin-left: 0em; /* 30 480 */
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #7994a7;
					display: block;
			
				}
				#nav li a:active
				{
					background-color: #8baabf !important;
					color:#fff;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0 solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: ;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 33px; /* 60 */
				/*background-color: #fff;*/
			}
				#nav > ul > li
				{
					width: 11%;
					height: 100%;
					float: left;
					
					
					
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 12px; /* 24 */
						line-height: 2.8em; /* 60 (24) */
						text-align: center;
						font-weight:bold;
												
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px dotted #48667b;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color:#ebebeb;
 							border-top:0px solid #8baabf;
							color:#526571;
			
							
						}


				/* second level */

				#nav li ul
				{
					background-color:;
					display: none;
					position: absolute;
					top: 100%;
					border:0px solid #0C3;
					margin-left:0px;
					width:100%;
					padding-right:5px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 12px; /* 20 */
							border-top: 0px solid #e15a1f;
							padding: 10px 0px 10px 15px; /* 15 (20) */
							/*background-color: #ebebeb;*/
							color:#526571;
							border:px solid #fff;
							height:25px;
							background-image:url(../imgs/backtopw8.png);
							margin:0px 0px 0px 0px;
							border-bottom:1px dotted #cecbcb;
							font-weight:bold;
							width:170px;
							
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #ebebeb;
								font-weight:bold;
							}


		@meDay only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@meDay only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #e15a1f;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #cc470d;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}