/*--------------------------------------  DEFAULTS  ---------------*/
*{
    margin: 0px;
    padding: 0px;

}

html{
     height: 100%;
}

img{
    border: 0px;
}

img.png {
    behavior: url("/pngbehavior.htc");
}

a{
    text-decoration: underline;
    color: #3d4690;
}

a:hover{
    text-decoration: none;
}

span.arrow{
	   font-family: "Times New Roman",serif;
}

span.orange{
	   color: #f47708;
}

span.gray{
	   color: #6e6e6e;
}


body{
    background: #9c6923;
    text-align: left;
    width: 100%;
    height: 100%;

    font: 75.01% tahoma,arial,san-serif;
    color: #000;
}

ul{                       /* убираем маркеры в списках */
    list-style: none;
}



div#wrap{

       min-width: 984px;
       max-width: 1260px;
       /*padding-right: 16px; */


       min-height: 100% !important;
       position: relative;
       z-index: 1;

       background: #d3a86b url(../img/wrap_bg.gif) repeat-y right top;
}


h1{
	   font-size: 1.9em;
}

h2{
	   font-size: 1.5em;
	   margin-bottom: 8px;
}

h3{
	   font-size: 1.2em;
	   margin: 16px 0px 6px 0px;
}

h4{
	   font-size: 1.2em;
}


div#seo{
	  position: absolute;
	  z-index: -1;
		visibility:hidden;

}
div#seo2 {position:relative;width:99%;padding-top:10px;}

div#seo a{text-dexoration: none;}
div#seo a:hover{text-dexoration: none;}

/*--------------------------- BUTTONS --------------------------------------*/

input.search_button{
	   width: 51px;
	   height: 18px;
}

/*---------------------------- PICTOS --------------------------------------------*/

img.picto_home{
	   width: 11px;
	   height: 9px;
	   margin-right: 3px;
}

img.picto_map{
	   margin-right: 3px;
	   vertical-align: -1px;
}

img#phone_number{
	   width: 136px;
	   height: 11px;
	   margin-left: 53px;
}

img#icq_number{
	   width: 85px;
	   height: 11px;
	   margin: 18px 0px 0px 83px;
}

img.picto_sunny{
	   width: 20px;
	   height: 17px;
}

img.picto_cloud{
	   width: 23px;
	   height: 17px;
}


/*------------------------------ IMAGES -----------------------------------------*/

img#search_title{
	   width: 54px;
	   height: 23px;
	   margin-bottom: 14px;
}

img#news_title{
	   width: 174px;
	   height: 24px;
	   margin: 0px 0px 0px 12px;
}

img#weather_title{
	   width: 157px;
	   height: 31px;
	   margin: 0px 0px 0px 12px;
}

img.banner171x60{
	   width: 171px;
	   height: 60px;
	   border: #bb9a69 solid 1px;
	   margin: 0px 0px 4px 0px;
}

img#fuckel{
	   width: 58px;
	   height: 202px;

	   position: absolute;
	   top: 282px;
	   left: 0px;
	   z-index: 20;
}

img#man{
	   width: 153px;
	   height: 188px;

	   position: absolute;
	   top: 81px;
	   left: 0px;
	   z-index: 20;
}

img#flower{
	   width: 159px;
	   height: 138px;

	   position: absolute;
	   top: 0px;
	   left: 0px;
	   z-index: 20;

	   /*border: #red solid 1px; */
}


/*----------------------------- HEDAER --------------------------------------------*/

div#header{
	   /*width: 98.7%; */
	   margin-right: 16px;
	   height: 79px;
       /*padding-right: 16px; */
	   overflow: hidden;
	   clear: both;
	   background: url(../img/header_bg.gif) repeat-x;
}

div#header div.inner{
	   height: 100%;
	   overflow: hidden;
	   background: url(../img/header_inner_bg.jpg) no-repeat;
}


ul.links{
	   width: 75%;
	   overflow: hidden;
       margin: 5px 0px 0px 148px;
}

ul.links li{
	    float: left;
	    overflow: hidden;
	    padding-right: 11px;
}

ul.links li a{
	    color: #d9a254;
	    text-decoration: none;
}


ul#main_menu{
	    overflow: hidden;
	    width: 85%;
	    margin: 32px 0px 0px 148px;
}

ul#main_menu li{
	    float: left;
	    height: 23px;
	    overflow: hidden;
	    padding-right: 14px;
}

ul#main_menu li a{
	    color: #d9a254;
	    text-decoration: none;
	    font-weight: 600;
}

p#reg_num{
	    width: 400px;

	    position: absolute;
	    left: 1030px;
	    top: 0px;

	    color: #D9A254;
	    font-weight: 600;
	    font-size: 0.91em;
}


/*-----------------------------  COLLAGE ------------------------------------------*/

div#collage{
	   /*width: 98.7%; */
	   margin-right: 16px;
	   height: 227px;
	   overflow: hidden;
	   clear: both;
	   background: url(../img/collage_inner.jpg) no-repeat right top;
	   text-align: right;

}

div#collage div.main_p {padding: 16px 353px 0px 0px; text-align: right;  border: 0px solid green; width: 290px; float: right;}
div#collage div.main_p a{ display: block; width: 290px; height: 160px; border: 0px solid blue;}


div.vipmenu { position: absolute; top: 50px; left: 840px; }
div.vipmenu a{
	 text-transform: uppercase;
	 color: #d9a254;
	 font-weight: 600;
	 text-decoration: none;
	 display: block;
	 padding: 2px 5px 2px 5px;
	background: #8e6730;
}

div.vipmenu a:hover{
	 background: #8e6730;
}

/*------------------------------ SUBMENU ------------------------------------------*/



ul.submenu{
	   width: 100px;
	   position: absolute;
	   top: 68px;
       	   z-index: 75;
	   border: #d9a254 solid 1px;
           display: none;
	   background: #662d03;
}

ul.submenu a{
	 color: #d9a254;
	 font-weight: 600;
	 text-decoration: none;
	 display: block;
	 padding: 2px 5px 2px 5px;
}

ul.submenu a:hover{
	 background: #8e6730;
}

ul.submenu li{
       	 margin-bottom: 2px;
}


/*-------------------------------- MAIN -----------------------------------------*/

div#main{
	   /*width: 99%; */
	   margin-right: 16px;
	   overflow: hidden;
	   clear: both;

	   background: #d3a86b url(../img/main_inner_bg.gif) repeat-x left bottom ;
}

#main_3 {
	   background: url(../img/content_right_bg_vip.jpg) repeat-y  right;
}
#main_2 {
	   background: url(../img/content_left_bg_vip.jpg) repeat-y 215px;
}

div#main_inner{
       width: 100%;
       overflow: hidden;
       clear: both;

       background: url(../img/main_bg.gif) repeat-y;

}



/*------------------------------- MAIN lEFT -----------------------------------------*/

div#main_left{
	    width: 210px;
	    float: left;
	    overflow: hidden;
	    background: url(../img/main_left_bg.jpg) no-repeat;
	    padding-bottom: 73px;

}

p.right{
	    text-align: right;
}

p.right a{
	    color: #ecc28b;
}



/*------------------------------- MAIN CENTER -----------------------------------------*/

div#main_center{
       margin: 0px 0px 0px 215px;
       background: url(../img/main_center_bg.gif) repeat-x;
}




#main_center_2{
       padding: 295px 99px 0px 109px;
	 }


.giraffe #main_center {
       background: url(../img/vip_bottom_bg_giraffe.jpg) no-repeat bottom center;
}
.giraffe #main_center_2 {
       background: url(../img/vip_top_bg_giraffe.jpg) no-repeat top center;
}
.leo #main_center {
       background: url(../img/vip_bottom_bg_leo.jpg) no-repeat bottom center;
}
.leo #main_center_2 {
       background: url(../img/vip_top_bg_leo.jpg) no-repeat top center;
}
.elephant #main_center {
       background: url(../img/vip_bottom_bg_elephant.jpg) no-repeat bottom center;
}
.elephant #main_center_2 {
       background: url(../img/vip_top_bg_elephant.jpg) no-repeat top center;
}
.zebra #main_center {
       background: url(../img/vip_bottom_bg_zebra.jpg) no-repeat bottom center;
}
.zebra #main_center_2 {
       background: url(../img/vip_top_bg_zebra.jpg) no-repeat top center;
}






div#main_center a{
	   color: #1f0c02;
}

div#main_center ul li{
	    background: url(../img/two_columns_ul_bg.gif) no-repeat 0px 5px;
	    padding-left: 13px;
}


span.tour {font:12px tahoma; font-weight: bold; color:#75310e;}
a.tour, a.tour1, a.tour2{
	color: #1f0c02; text-decoration: none;
}
a.tour:hover, a.tour1:hover, a.tour2:hover{
	text-decoration: underline;
}


span.tour1 {font:12px tahoma; font-weight: bold; color:#ca1009;}
span.tour2 {font:12px tahoma; font-weight: bold; color:#431009;}





div#columns{  overflow: hidden; }
div#columns img.i1 {border: 1px solid #fbe0b3;}
div#columns img.i2 {border: 1px solid #fbe0b3; margin: 0px 0px 15px 0px;}
div#columns div.ph_gal {padding: 25px 15px 15px 15px;}
div#columns div.ph_gal2 {padding: 0px 15px 15px 15px;}
div#columns table.tb {margin: 10px 0px 20px 0px;}
div#columns span {font: 13px Tahoma; font-weight: bold;}
div#columns span.kom {font: 9px Tahoma; font-weight: normal;}
div#columns table.tb td{vertical-align: top; padding: 15px 10px 0px 0px;}
div#columns table.tb div.link {text-align: right;}

div#zag_t { height: 200px; overflow: hidden; }
div#zag_t div.zag {}

		/*--------------------------- CENTER ---------------------*/

div#center{
	   width: 66%;
	   float: left;
       overflow: hidden;
}                              /*--------- button ---------*/

div#main_center div.button{
	   /*clear: both; */
	   overflow: hidden;
}


div#main_center div.button a{
	   display: block;
	   float: right;
	   color: #c29049;
	   background: #1f0c02;
	   padding: 3px;
	   text-align: center;
	   overflow: hidden;
	   text-decoration: none;
}
                                     /*------------- TWO COLUMNS ------------*/
div#center div.two_columns{
       width: 100%;
       overflow: hidden;
       background: url(../img/two_columns_bg.gif) repeat-y 49.2% top;
       margin-bottom: 22px;
}

div#center div.two_columns img{
	   border: #ffe0b3 solid 1px;
}


div#center div.two_columns div.left_column{
	   width: 48%;
	   float: left;
	   margin-right: 2%;
}

div#center div.two_columns div.right_column{
	   width: 48%;
	   float: left;
	   margin-left: 1%;
}



div#main_center div.photos{
	   width: 98%;

}


div#main_center div.photos img{
	   border: #ffe0b3 solid 1px;
}





/*-------------------------------- RIGHT -----------------------------*/

div#right{
	   width: 29%;
	   float: right;
	   overflow: hidden;
	   margin-right: 10px;

}

div#right ul li{
	    margin-left: 22px;
	    background: url(../img/right_ul_bg.gif) no-repeat 0px 5px;
	    padding-left: 13px;
}

div#right div.block{
	    margin-bottom: 32px;
}

/*--------------------------- FOOTER -------------------------------------------*/

div#footer{
	  /*width: 100%; */
	  margin-right: 16px;
	  height: 61px;
	  overflow: hidden;
	  clear: both;
      margin-top: -10px;

      background: url(../img/footer_bg.gif) repeat-x 0px 10px;
}

div#footer_left{
	  width: 216px;
      height: 61px;
      float: left;
      background: url(../img/footer_left_bg.gif) no-repeat;
}

div#footer_left p{
	  margin-top: 18px;
	  text-align: center;
	  color: #d9a254;
}

div#footer_center{
      /*margin-left: 230px; */
      color: #f00;
      overflow: hidden;
      margin-top: 26px;

}

div#footer_center ul{
	  margin: 0px auto 0px auto;
      width: 700px;
}

div#footer_center ul li{
	  margin-right: 13px;
	  float: left;
}

div#footer_center ul li a{
	  text-decoration: none;
	  color: #d9a254;
}