﻿/* CSS Document */
body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}
li{
	padding:0;
	margin:0;
	}
ul{
	padding:0;
	margin:0;
	}
h3{
	padding:0;
	margin:0;
	}
h2{
	padding:0;
	margin:0;
	}
h1{
	padding:10;
	margin:10;
	}
p{
	padding:0;
	margin:0;
	}
img{
	padding:0;
	margin:0;
	text-align: center;
	}
div{
	padding:0;
	margin:0;
	}
.blank {
	font-size:0px; line-height:0px; 
	clear:both;
	}
ul{	
	list-style-type:none;
	}
#updiv{
	width:100%;	
	background:#FFFFFD url('/html/img/updiv_bg.gif') repeat-x; 
    color:#584200; 
	}
/*---------------------header part-------*/
#header{
	width:100%;
	margin:0px auto 0 auto;
}
#header h1{
	font: 24px/28px Arial, Helvetica, sans-serif;
	background-color: #FEF4D6;
	display: block;
	color: #988345;
	font-weight: normal;
	text-align: center;	
}
#header ul{
	width: 900px;
	display: block;
	margin: 0px 0 0 0px;
	float: left;
	font-size: 0px;
}
#header ul li{
	display:block;
	margin:0px 10px 0px 20px;
	float:left;
	}
#header ul li a{
	display:block;
	height:74px;
	text-indent:-2000px;
	}
#header ul.navi{
	width:306px;
	display:block;
	margin:0px 0 0 0px;
	align:center;
	font-size:0px;
	padding:0 0 0 auto;
	}
#header ul.navi li{
	display:block;
	margin:0 0px 0 0px;
	align:center;
	}
#header ul.navi li a.navi1{
	background:#FEF4D6 url('/html/img/navi_bg.gif') no-repeat; 
	width:61px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold;	
	color:#FFFFFF;
	text-decoration:none; 
	padding-top:9px;	
	height:20px; 
	text-indent:0px; 
	text-align:center; 
	}
#header ul.navi li a.nobor{
	background:#FEF4D6 url('/html/img/navi_bg1.gif') no-repeat; 
	width:61px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-weight:bold; color:#FFFFFF; 
	text-decoration:none; 
	height:29px;	
	text-indent:0px;
	text-align:center;	
	line-height:29px;
}
#header ul.navi li a.navi1:hover{
	background:url('/html/img/navi_bgh.gif') no-repeat; 
	width:61px;
	}
#header ul.navi li a.nobor:hover{
	background:url('/html/img/navi_bgh.gif') no-repeat; 
	width:61px;
	}
#header h2{
	padding: 24px 0 0 24px;
	width: 400px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 44px;
	color: #1892AC;
	font-weight: normal;

	background-color: #FFFFFF;
	clear: left;
}
#header h2 span{
	padding: 24px 0 0 24px;
	font-size:24px;
	text-align:center;
	}
#header p{
	width:900px;
	display:block;
	margin:10px 0px 0px 10px;
	margin-left:30px;
	float:left;
	font-size:14px;
	line-height:18px;
	}
#header h3{
	font-size:24px; 
	line-height:18px; 
	width:auto;
	height:20px; 
	font-weight:normal;
	margin:0 0 0 0px; 
	padding:0px 60px 0 1px; 
	display:block; 
	float:right;
	}
/*-------------------------middle-------------*/
#mid{
	width:100%;
	margin:20px auto 0 auto;
	float:left; 
	background-color:#FFF9E8; 		
	}
#midDiv{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	padding-bottom: 32px;
	padding-left: 80px;
	padding-top: 47px;
}
#midDiv div.content{
	width:300px; 
	float:left; 
	}
#midDiv div.content h2{
	width:280px; 
	background-color:#FFF9E8; 
	display:block; 
	color:#1B92AB; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px; 
	padding:0 0 0 0;	
	float:left;
	}
#midDiv div.content h2 span{
	color:#948047; 
	background-color:#FFF9E8; 
	font-size:20px; 
	float:left;
	}
#midDiv div.content p{
	float:left; 
	padding:15px 0 24px 0; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px; 
	background-color:#FFF9E8; 
	color:#584200; 
	line-height:18px;
	}
#midDiv div.content p span{
	font-size:30px;
	line-height:30px;
	}
#midDiv div.content a{
	color:#444131;
	float:left;	
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;	
	}
#midDiv div.content a:hover{
    color:#444131;
	}
#midCB{
	width:100%;
	margin:20px 20px 0 auto;
	float:left; 
	}
#midCBDiv{
	width: 100%;
	height: auto;
	margin: 0 auto 0px auto;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-top: 40px;
	text-align: left;
    }
#midCBDiv div.content{
	float: left;
	padding-bottom: 40px;
	padding-right: 20px;	
	}
#midCBDiv div.content h2{
	color: #1B92AB;
	font: 24px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 0 30px;
	float: left;
	clear: left;
}
#midCBDiv div.content h2 span{
	color:#948047; 
	font-size:20px; 
	float:left;
	}
#midCBDiv div.content p{
	float:left; 
	padding:15px 0 24px 30px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px; 
	color:#584200; 
	line-height:18px;
	line-height: 110%;
	margin-top: 8px;
	}
#midCBDiv div.content p span{
	font-size:30px;
	line-height:30px;
	}
#midCBDiv div.content a{
	background: url('http://i617.photobucket.com/albums/tt253/secondhometenerife/icons/bg.png') no-repeat 0 0;
	width: 350px;
	height: 44px;
	display: block;
	padding: 7px 20px 0 20px;
	float: left;
	font: 16px8px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-weight: bold;
	margin-left: 30px;
}
#midCBDiv div.content a:hover{
	background: url('http://i617.photobucket.com/albums/tt253/secondhometenerife/icons/bgh.png') no-repeat 0 0; 
	}
#midCBDiv div.content2{
	float:left; 
	}
#midCBDiv div.content2 h2{
	display:block; 
	color:#1B92AB; 
	font:24px Arial, Helvetica, sans-serif;
	font-weight:bold; 
	padding:0 0 0 30px;	
	float:left;
	}
#midCBDiv div.content2 h2 span{
	color:#948047; 
	font-size:20px; 
	float:left;
	}
#midCBDiv div.content2 p{
	float:left; 
	padding:15px 0 24px 30px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px; color:#584200; 
	line-height:18px;
	}
#midCBDiv div.content2 p span{
	font-size:30px;
	line-height:30px;
	}
#midCBDiv div.content2 a{
	width: 350px;
	height: 44px;
	display: block;
	padding: 7px 20px 0 15px;
	float: left;
	font: 16px8px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-weight: bold;
	margin-left: 30px;
    }
#midCBDiv div.content2 a:hover{
	}

/*------------------------------------------------down table-----------------------*/
#downv{
	background:url('/html/img/down_table_bg.gif') repeat-x;
	width:960px;
	height:271px;
	margin:0 auto 0 auto;
	float:left;
	padding:0 0 0 0;
	}
#bestv{
	width:100%;
	height:271px;
	margin:0 auto 0 auto;
	background:url('/html/img/best_bg.gif') no-repeat right top;
}
#best{
	width: 50%;
	float: left;
	background: url('/html/img/line.gif') repeat-y right 10px;
	height: 270px;
	left: 400px;
}
#best h2{
	width:220px; display:block;	color:#FFF9E3;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;	
	padding:23px 0 0px 49px; 
	font-size:36px; 
	line-height:36px;
	background:#584200 url('/html/img/mid_h2_bg.gif') repeat-x;
	text-align:left;
}
#best h2 span{
	color:#FFF9E7; background-color:#584200;
	font-size:30px;
	}
#best ul{
	width:290px; display:block;	margin:20px 0 0 49px;	
	}
#best ul li{
	height:24px; display:block;	
	background:url('/html/img/dot-geel.gif') no-repeat 0px 5px;
}
#best ul li a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:17px; 
	color:#FFF9E9; 
	margin:0 0 0 16px;	
	text-decoration:none;
	display:block; 
	background-color:#584200;
	}	
#best ul li a:hover{
	text-decoration:underline;
	}
#best a.more{
	background:#fff url('/html/img/more2_bg.gif') no-repeat;	
    width:43px;	
    height:16px; 
    display:block;	
    margin:16px 0 0 49px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#352800; 
	font-weight:bold;	
	padding:0 0px 0 147px;
	font-size:12px;	
	text-decoration:none;
	}
#best a.more:hover{
	background:url('/html/img/more2_bgh.gif') no-repeat;
}
#best1{
	width:50%; 
	float:left; 
	height:270px;
	}
#best1 h2{
	width:220px; 
	display:block;	
	color:#FFF9f6; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;	
	padding:23px 0 0px 49px; 
	font-size:36px; 
	line-height:36px;
	background:#584200 url('/html/img/mid_h2_bg.gif') repeat-x;
}
#best1 h2 span{
	color:#FFF9f8;	
	font-size:30px; 
	background-color:#584200;
	}
#best1 ul{
	width:330px; display:block;	
	margin:20px 0 0 49px;	
	}
#best1 ul li{
	height:24px; display:block;	
	background:url('/html/img/dot-geel.gif') no-repeat 0px 5px;
}
#best1 ul li a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:17px; 
	color:#FFF9E0; 
	margin:0 0 0 16px;
	text-decoration:none; 
	display:block;  
	background-color:#584200;
	}	
#best1 ul li a:hover{
	text-decoration:underline;
	}
#best1 a.more{
	background:#fff url('/html/img/more2_bg.gif') no-repeat;
	width:43px;	height:16px; 
	display:block;	
	margin:16px 0 0 49px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#352800;	
	font-weight:bold; 
	padding:0 0px 0 147px; 
	font-size:12px; 
	text-decoration:none;
	}
#best1 a.more:hover{
	background:url('/html/img/more2_bgh.gif') no-repeat;
}
/*---------------footer---------*/
#foo1{
	width:100%;	
	height:100px; 
	align:center;
	float:left;	
	background-color:#353535; 
	color:#fff;
	}
#footer_div{
	width:100%px;
	margin:0 auto 0 auto;
	height:100px;
	}
#footer_div ul{
	width:100%px;
	height:20px;
	display:block;
	list-style-type:none;
	margin:32px 0 0px 20px;
	}
#footer_div ul li{
	display: block;
	font: 12px/11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #353535;
	text-align:center;
}
#footer_div ul li a{
	font:12px/16px Arial, Helvetica, sans-serif; color:#FDFDFD;	text-decoration:none; background-color:#353535;
	margin:0 8px 0 8px;
	}
#footer_div ul li a:hover{
	text-decoration:underline;
	}
#footer_div p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:11px;	color:#FFF9E0;	margin:20px 0 0 30px;
	background-color:#353535;
	}
#footer_div p a {
	color:#FDFDFD; background-color:#353535; text-decoration:underline;
	}
#footer_div p a:hover {	
	color:#FDFDFD;
	background-color:#4E4E4E;
	}
#footer_div ul.css{
	width:160px;
	display:block;
	margin:10px 0 0px 75px;
	font-size:0px;
	padding:0px;
	}
#footer_div ul.css li{
	display:block;
	float:left;
	margin:0 0 0 0;
	}
#footer_div ul.css li a{
	display:block;
	text-indent:-2000px;
	height:24px;
	margin:0 2px 0 0;
	font-size:0px;
	}
#footer_div ul.css li a.htm{
	background:url('/html/img/html.gif') no-repeat 0 0; 
width:75px;
		}
#footer_div ul.css li a.cs{
	background:url('/html/img/css.gif') no-repeat; 
width:75px;
		}