body {
background-image : url(../images/bg.png);
background-repeat : repeat-x;
margin : 0;
}
#container{
width : 800px;
height : 100%;
margin : auto;
}

#container_slide {
width : 520px;
height : 100%;
margin : auto;
}
#flag {
width : 45px;
height : 45px;
position : absolute;
float : right;
padding-left : 750px;
}
#header {
width : 800px;
height : 190px;
background-image : url(../images/header.png);
background-repeat : no-repeat;
}
#header_gen {
width : 800px;
height : 190px;
background-image : url(../images/bg_general.png);
background-repeat : repeat-y;
}
.logo {
width : 176px;
height : 209px;
position : absolute;
background-image : url(../images/logo-banner.png);

}
a {
color : #143c85;
}
h1 {
font-family : Verdana, Geneva, sans-serif;
font-size : 19px;
color : #d3222a;
margin : 0;
}
h2 {
font-family : Verdana, Geneva, sans-serif;
font-size : 17px;
color:#143c85;
margin-left : 10px;
line-height:-30px;
}
h3 {
font-family : Verdana, Geneva, sans-serif;
font-size:11px;
color : #131313;
font-stretch : extra-expanded;
line-height:12px;
}
.red {
font-family : Verdana, Geneva, sans-serif;
color : #b2282f;
font-size : 10px;
}
#nav1 {
background-color : #68430a;
border : #ccc solid 1px;
list-style : none;
margin-top : 200px;
margin-right : 20px;
float : right;
border-radius : 10px;
font-family : "Portago ITC";
font-size : 14px;
}
#nav {
width : 570px;
float : right;
margin : 130px 0 0 0;
padding : 0;
list-style : none;
background-color:#36231c;
font-family : "Portago ITC";
font-size:14px;
}
#nav li {
float : left;
padding-left : 18px;
}
#nav li a {
display : block;
padding : 7px 7px;
text-decoration : none;
color : #ccad5b;
background-image : url(../images/engrane.png);
background-repeat : no-repeat;
background-position : left;
padding-left : 20px;
}
#nav li a:hover {
color:#fff;
background-image : url(../images/engrane-white.png);
background-repeat : no-repeat;
background-position : left;
padding-left : 20px;
}
#main_holder {
width : 800px;
height:auto;
background-color:#FFF;
float:left;
}
#main_holder1 {
width : 800px;
background-color : #FFF;
background-repeat : no-repeat;
overflow : auto;
}
#main_image_holder {
width : 800px;
height:340px;
}
#transbox_image {
width : 520px;
height : 340px;
margin : 0 0px;
font-size : 13px;
float : left;
background-color : rgba(255, 255, 255, 0.6);
}
#transbox {
width : 480px;
margin : 0 20px;
padding : 20px 0 0px 0px;
font-size : 13px;
float : left;
background-color : rgba(255, 255, 255, 0.6);
}
#transbox p {
color : #000000;
font-family : Tahoma, Geneva, sans-serif;
line-height : 21px;
}
#left_box {
width : 480px;
margin : 20px 20px;
padding : 20px 0px 20px 0;
font-size : 13px;
float : left;
}
#left_box p {
color : #000000;
font-family : Tahoma, Geneva, sans-serif;
line-height : 22px;
}
#full_box {
width : 770px;
margin : 0 10px;
padding : 20px 0 20px 0;
font-size : 13px;
float : left;
}
#full_box ul {
list-style-type : none;
margin-left : -20px;
}
#full_box ul li img {
float : left;
margin : 0 10px 0 0;
}
#full_box ul li p {
font : 12px/1.5 Verdana, Geneva, sans-serif;
color : #333;
line-height:14pt;
}
#full_box ul li {
width : 215px;
height : 270px;
background-color:#cccccc;
display : block;
margin : 5px;
padding : 10px;
overflow : auto;
float : left;
border-top-left-radius : 7px;
border-top-right-radius : 7px;
text-decoration : none;
}

#full_box .picture {
float : left;
padding : 5px 5px 5px 5px;
}
#full_box ul li h1{
	color:#143c85;
	line-height:20px;

	
}
#full_box ul li h3{
	color:#333;
	font-size:12px;
	line-height:16px;
	
}
#full_center {
width : 760px;
padding : 20px 20px 20px 20px;
font-size : 13px;
float : left;
font-family : Tahoma, Geneva, sans-serif;
line-height : 22px;
}
#box_right_white {
width : 270px;
height:330px;
margin : 0 0;
padding : 0px 10px 10px 0;
background-color : #ffffff;
float : left;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
}
#box_right {
width : 270px;
height:330px;
margin : 0 0;
padding : 0px 10px 10px 0;
background-color:#cccccc;
float : left;
font-family : Tahoma, Geneva, sans-serif;
font-size : 11px;
}
#box_rigth ol {
  color: #ccc;
  list-style-type: none;

}
 
#box_right ol li {
  position: relative;
  font: 11px Helvetica, Verdana, sans-serif;
  line-height:21px;
}
  #box_right ol li a{
  text-decoration:none; 


}
#box_map {
width : 330px;
height : 230px;
float : left;
padding : 20px 0 0 0;
}
.pic {
padding-right : 10px;
float : left;
}
#box_right_slim {
width : 220px;
margin : 20px 0;
padding : 20px 0 20px 20px;
background-color : #d3222a;
float : left;
font-family : Tahoma, Geneva, sans-serif;
font-size : 12px;
}
#box_right_slim ul {
list-style-image : url(../images/list.png);
color : #fff;
}
#box_right_slim ul li {
padding-bottom : 11px;
}
@font-face {
font-family : Portago ITC;
}
#content_middle {
width : 800px;
float : left;
background-image : url(../images/bottom_container.png);
background-position : bottom left;
background-repeat : no-repeat;
}
#photo1 {
width : 215px;
height : 182px;
padding : 20px 20px 20px 0;
float : left;
}
#tag {
width : 100px;
height : 30px;
background-color : #cdae5b;
position : absolute;
border-radius : 10px;
margin-top : 20px;
margin-left : -15px;
}
#tag p {
font-family : "Portago ITC";
margin : 7px;
color : #36231c;
}
#tag a {
font-family : "Portago ITC";
margin : 7px;
color : #36231c;
text-decoration : none;
}
#tag a:hover {
font-family : "Portago ITC";
margin : 7px;
color : #fff;
}
#tag1 {
width : 135px;
height : 30px;
background-color : #cdae5b;
position : absolute;
border-radius : 10px;
margin-top : 20px;
margin-left : -15px;
}
#tag1 p {
font-family : "Portago ITC";
margin : 7px;
color : #36231c;
}
#tag1 a {
font-family : "Portago ITC";
margin : 7px;
color : #36231c;
text-decoration : none;
}
#tag1 a:hover {
font-family : "Portago ITC";
margin : 7px;
color : #fff;
}
.trip {
width : 40px;
height : 25px;
float : right;
padding-right : 20px;
background-image : url(../images/trip_advisor.png);
background-repeat : no-repeat;
}
.face {
width : 25px;
height : 25px;
padding-right : 10px;
float : right;
background-image : url(../images/facebook.png);
background-repeat : no-repeat;
}
.movie {
width : 250px;
height : 147px;
margin : auto 0;
}
#footer {
width : 800px;
height : 35px;
margin : 0 auto;
padding-top : 10px;
clear : both;
}
#footer p {
font-size : 15px;
color : #d2222a;
font-family : "Portago ITC";
float : left;
padding-left : 20px;
padding-right : 20px;
}
#footer a {
color : #143c85;
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding : 0;
margin : 0;
border : 0;
outline : none;
vertical-align : top;
}
.fancybox-wrap {
position : absolute;
top : 0;
left : 0;
z-index : 8020;
}
.fancybox-skin {
position : relative;
background : #f9f9f9;
color : #444;
text-shadow : none;
border-radius : 4px;
}
.fancybox-opened {
z-index : 8030;
}
.fancybox-opened .fancybox-skin {
box-shadow : 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position : relative;
}
.fancybox-inner {
overflow : hidden;
}
.fancybox-error {
color : #444;
font : 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin : 0;
padding : 15px;
white-space : nowrap;
}
.fancybox-image, .fancybox-iframe {
display : block;
width : 100%;
height : 100%;
}
.fancybox-image {
max-width : 100%;
max-height : 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image : url('fancybox_sprite.png');
}
#fancybox-loading {
position : fixed;
top : 50%;
left : 50%;
margin-top : -22px;
margin-left : -22px;
background-position : 0 -108px;
opacity : 0.800000011920928955078125;
cursor : pointer;
z-index : 8060;
}
#fancybox-loading div {
width : 44px;
height : 44px;
background : url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position : absolute;
top : -18px;
right : -18px;
width : 36px;
height : 36px;
cursor : pointer;
z-index : 8040;
}
.fancybox-nav {
position : absolute;
top : 0;
width : 40%;
height : 100%;
cursor : pointer;
text-decoration : none;
background : url('blank.gif') transparent;
z-index : 8040;
}
.fancybox-prev {
left : 0;
}
.fancybox-next {
right : 0;
}
.fancybox-nav span {
position : absolute;
top : 50%;
width : 36px;
height : 34px;
margin-top : -18px;
cursor : pointer;
z-index : 8040;
visibility : hidden;
}
.fancybox-prev span {
left : 10px;
background-position : 0 -36px;
}
.fancybox-next span {
right : 10px;
background-position : 0 -72px;
}
.fancybox-nav:hover span {
visibility : visible;
}
.fancybox-tmp {
position : absolute;
top : -99999px;
left : -99999px;
visibility : hidden;
max-width : 99999px;
max-height : 99999px;
overflow : visible !important ;
}
.fancybox-lock {
overflow : hidden !important ;
width : auto;
}
.fancybox-lock body {
overflow : hidden !important ;
}
.fancybox-lock-test {
overflow-y : hidden !important ;
}
.fancybox-overlay {
position : absolute;
top : 0;
left : 0;
overflow : hidden;
display : none;
z-index : 8010;
background : url('fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position : fixed;
bottom : 0;
right : 0;
}
.fancybox-lock .fancybox-overlay {
overflow : auto;
overflow-y : scroll;
}
.fancybox-title {
visibility : hidden;
font : normal normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position : relative;
text-shadow : none;
z-index : 8050;
}
.fancybox-opened .fancybox-title {
visibility : visible;
}
.fancybox-title-float-wrap {
position : absolute;
bottom : 0;
right : 50%;
margin-bottom : -35px;
z-index : 8050;
text-align : center;
}
.fancybox-title-float-wrap .child {
display : inline-block;
margin-right : -100%;
padding : 2px 20px;
background : transparent;
background : rgba(0, 0, 0, 0.8);
border-radius : 15px;
text-shadow : 0 1px 2px #222;
color : #FFF;
font-weight : bold;
line-height : 24px;
white-space : nowrap;
}
.fancybox-title-outside-wrap {
position : relative;
margin-top : 10px;
color : #fff;
}
.fancybox-title-inside-wrap {
padding-top : 10px;
}
.fancybox-title-over-wrap {
position : absolute;
bottom : 0;
left : 0;
color : #fff;
padding : 10px;
background : #000;
background : rgba(0, 0, 0, 0.8);
}
#fancybox-buttons {
position : fixed;
left : 0;
width : 100%;
z-index : 8050;
}
#fancybox-buttons.top {
top : 10px;
}
#fancybox-buttons.bottom {
bottom : 10px;
}
#fancybox-buttons ul li {
float : left;
margin : 0;
padding : 0;
}
#fancybox-buttons a {
display : block;
width : 30px;
height : 30px;
text-indent : -9999px;
background-color : transparent;
background-image : url('fancybox_buttons.png');
background-repeat : no-repeat;
outline : none;
opacity : 0.800000011920928955078125;
}
#fancybox-buttons a:hover {
opacity : 1;
}
#fancybox-buttons a.btnPrev {
background-position : 5px 0;
}
#fancybox-buttons a.btnNext {
background-position : -33px 0;
border-right : 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position : 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position : -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position : 3px -60px;
border-left : 1px solid #111;
border-right : 1px solid #3e3e3e;
width : 35px;
}
#fancybox-buttons a.btnToggleOn {
background-position : -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left : 1px solid #111;
width : 35px;
background-position : -56px 0;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.4000000059604644775390625;
cursor : default;
}
#fancybox-thumbs {
position : fixed;
left : 0;
width : 100%;
overflow : hidden;
z-index : 8050;
}
#fancybox-thumbs.bottom {
bottom : 2px;
}
#fancybox-thumbs.top {
top : 2px;
}
#fancybox-thumbs ul {
position : relative;
list-style : none;
margin : 0;
padding : 0;
}
#fancybox-thumbs ul li {
float : left;
padding : 1px;
opacity : 0.5;
}
#fancybox-thumbs ul li.active {
opacity : 0.75;
padding : 0;
border : #fff solid 1px;
}
#fancybox-thumbs ul li:hover {
opacity : 1;
}
#fancybox-thumbs ul li a {
display : block;
position : relative;
overflow : hidden;
border : #222 solid 1px;
background : #111;
outline : none;
}
#fancybox-thumbs ul li img {
display : block;
position : relative;
border : 0;
padding : 0;
max-width : none;
}
.fancybox-custom .fancybox-skin {
box-shadow : 0 0 50px #222;
}
/*style slideshow*/


 
    
    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
  </style>
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none
    }

    .container_slide {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container_slide {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container_slide {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container_slide {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container_slide {
        width: 1170px
      }
    }
  </style>