@charset "utf-8";
/* CSS Document */

#index-topimg{ height:160px; margin-bottom:10px;}
#index-topimg img{ float:left;}

#index-quick{ width:230px; height:150px; float:right;background:url(/images/index-top.gif) 0 0 repeat-y; padding:10px 0 0 60px;}
#index-quick h2{ font-weight:normal; color:white;}

#index-quick ul{}
#index-quick ul li{ margin:0 0 5px 0; padding:0 0 0 15px;background:url(/images/arrow-yellow.gif) 5px 5px no-repeat;}
#index-quick ul li a{ color:white; text-decoration:none;}
#index-quick ul li a:hover{ color:white; text-decoration:underline;}

/*_______________________________________________________________________________#index-content-left*/

#index-content{}
#index-content h2{ font-weight:normal; color:#000; font-size:12px; margin-bottom:7px;}
#index-content-left{ width:480px; float:left;}
#index-hotel-search{ margin-bottom:5px;float:left;}

.block{ width:215px; background-color:#E4EEF0; padding:10px 10px 10px 10px; float:left;}

#below-hsearch{ height:241px;}

#index-map{ margin:0 10px 0 0; height:221px;}
#index-map img{ margin-bottom:5px;}
#index-map ul li{ margin:0 0 5px 0; padding:0 0 0 15px;background:url(/images/arrow-red.gif) 5px 5px no-repeat;}
#index-map ul li a{text-decoration:none;}
#index-map ul li a:hover{text-decoration:underline;}

#index-articles{height:221px;}
#index-articles div{ height:67px;}
#index-articles p{ line-height:100%;}
#index-articles .index-blogimg{ width:55px;height:55px;background:url(/images/temp-blog.gif) 0 0 no-repeat; display:block; float:left; margin:2px 5px 0 0;}

#index-featured{background-color:#E4EEF0; padding:10px 0 10px 10px; width:470px; clear:both; height:131px; border-top:10px solid white;}
#index-featured .index-featured1{ float:left; width:230px;}
#index-featured .index-featured2{ float:left; width:230px;}
#index-featured .index-featured1 div, #index-featured .index-featured2 div{ margin-bottom:10px;}
#index-featured .index-featimg{ width:55px;height:55px;background:url(/images/temp-blog.gif) 0 0 no-repeat; display:block; float:left; margin:2px 5px 0 0;}

/*_______________________________________________________________________________#index-content-right*/
#index-content-right{width:480px; float:right;}

#index-city{ float:left; margin-right:10px; height:263px; margin-bottom:10px;}
#index-city .city-img{ margin-bottom:7px; display:block;}
#index-city p{ margin-bottom:0px;}
#index-city .index-cityimg{ width:55px;height:55px;background:url(/images/img-ponce1.jpg) 0 0 no-repeat; display:block; float:left; margin:2px 5px 0 0;}

#index-nav{ width:170px; float:left;}
#index-nav h2{ margin-bottom:0px;background:url(/images/index-navh2.gif) 0 0 no-repeat; height:20px; font-size:11px; font-weight:bold;color:white; padding:4px 0 0 10px;}
#index-nav ul{}
#index-nav ul li{background:url(/images/index-nav.gif) 0 0 no-repeat; height:25px; margin-bottom:1px; float:left; width:170px;}
#index-nav ul li:hover{color:#fff;}
#index-nav ul li a{ text-decoration:none; color:#000; display:block; height:20px; padding:5px 0 0 10px;}
#index-nav ul li a:hover{ text-decoration:none; color:#fff; display:block;background:url(/images/index-nav1.gif) 0 0 no-repeat;}

#index-right-bottom{ width:480px;clear:both;height:260px;}
#index-travel{ float:left; width:170px;}
#index-300{ float:right; width:300px; height:250px;}
#index-travel .travel-img{ margin-bottom:10px;}
#index-travel ul li{ margin:0 0 5px 0; padding:0 0 0 15px;background:url(/images/arrow-red.gif) 5px 5px no-repeat;}
#index-travel ul li a{text-decoration:none;}
#index-travel ul li a:hover{text-decoration:underline;}

#index_video{ float:right; width:300px;}
#index_video a{ color:#18479b;}
#index_video div{padding:0 10px 0 10px;}
#index_video div img{ float:left; margin-right:10px;}
#index_video div p{ float:right; width:150px;}
#index_video div a{ float:left; font-weight:bold; font-size:13px;}
#index_video div .category{ font-size:10px;}
#index_video h2{ margin-bottom:10px;background:#0072bc; height:20px; font-size:11px; font-weight:bold;color:white; padding:4px 0 0 10px;}
#index_video ul{ padding:10px;}
#index_video ul li{ border-top:1px solid #dce9f9; padding:8px 0 8px 24px; background:url(/images/arrow_mov.gif) 0 10px no-repeat; font-size:10px; color:#959696;}
#index_video ul li a{ font-size:12px; display:block;}
#index_video ul .more { font-size:11px; background:none;}
#index_video ul .more a{ font-size:11px;}


/*_______________________________________________________________________________#home-tla*/
#home-tla{ padding:10px 0 0 5px; line-height:120%;}
#home-tla div{ margin-bottom:10px;}
#home-tla h3{ font-size:11px;}
#home-tla h3 a{ font-weight:normal;}
#home-tla .smalltext{ font-size:10px;}
#banner-160{margin-bottom:10px;}