/*css/styl.css*/
/*links */
a:link {
	color: blue;
}
a:visited {
	color: green;
}
a:hover {
	color: red;
}
.art:first-letter {
	color: red;
	font-size: large;
}
/*classes fonts */
.big {
	font-size: 24px;/*1.5em;*/
	font-weight: bold;
}
.mid {
	font-size:20px; /* 1.2em;*/	
}
.small {
	font-size:12px; /* 0.8em;*/
}
/*classes colours */
.red {color: red;}
.blue {color: blue;}
.green {color: green;}
.yellow {color: yellow;} 
/*classes position */
.right {text-align: right;}
.center {text-align: center;}
.left {text-align: left;}
/* web and html elements */
* {
    box-sizing: border-box;
}

body {
   margin: 0;
   padding: 0;
   font-family: "Times New Roman", Times, serif;
   font-size:16px;
}
#web {
	width: 1200px;
	margin: 0 auto;
}
/*headLeft*/
#hLeft {
	background-color: #EDECEB;
	z-index: -2;
	width:25%;
	height: 130px;
	float: left;
	overflow: hidden;
	clear: both;
	margin-top:5px;
}
#hLeft p{
	margin:1px;
	margin-top:1px;
	text-align:center;
}
/*headCenter*/
#hCenter {
	background-color: #E0E0E0;
	width:50%;
	height: 130px;
	float: left;
	margin-top:5px;
}
#hCenter p {
	margin: 5px;
	text-align:center;	
}
/*headRight */
#hRight {
	background-color: #EDECEB;
	z-index: -2;
	width:25%;
	height: 130px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
}
#hRight p {
	margin: 5px;
	text-align:center;
}
#hRight span {
	background-color: #FFFFCC;
	border: 1px solid blue;
	border-radius:5px;
}
/*webLeft*/
#webLeft {
	background-color: #E0E0E0;
	z-index: -2;
	width:25%;
	min-height: 550px;
	float: left;
	overflow: hidden;		
}
#webLeft p {
	margin: 5px;
	text-align: center;
}
#webLeft hr {
	margin: 3px;
	width: 90%;	
}
#linksWL {
   float: left;
   width: 100%;
   overflow: hidden;
   position: relative;
   margin-top:5px;
   text-align:center;
}
#linksWL ul {
   display: block;
   width:70%;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   margin:0 auto;
}
#linksWL ul li a {
   display: block;
   margin: 0 0 3px 0;
   padding: 3px 10px;
   background: #cdcdcd;
   color: #000000;
   text-decoration: none;
   line-height: 25px;
   font-weight:bold;
   font-size:1.1em;
   border-radius:10px;
}
#linksWL ul li a:hover {
   background: blue;
   color: #ffffff;
}
/*mySlider*/
#mySlider{
	width:250px;
	height:220px;
	position:relative;
	overflow:hidden;
	margin-left:20px;
	margin-top:5px;	
}
#sliderClip{
  width:250px;
  height:180px;
  position:relative;
  background:#E3FFFF;
  overflow:hidden;
}
#slide{
  position:absolute;
  left:30;
  width:2250px;
  height:180px;
}
.dot{
  cursor:pointer;
  background:#7E7E7E;
  width:15px;
  height:15px;
  margin:5px 3px;
  position:relative;
  float:left;
  border-radius:10px;
}
.dot.active{
  background:blue;
}
.test{
	position:relative;
	float:left;
	width:250px;
	height:180px;	
}
/*web center*/
#webCenter {
	background-color: #EDECEB;
	z-index: -2;
	width:50%;
	min-height: 550px;
	float: left;
	overflow: hidden;
}
#webCenter p {
	margin: 5px;
	margin-left: 30px;
}
#webCenter hr {
	margin: 5px;
	width: 85%;	
}
/*div id=info */
#info {
	position:absolute;
	background-color:#99FFFF;
  	left:200px;
  	top:140px;
	width:260px;
	height:210px;
	z-index:-1;
	clear:both;
	visibility:hidden;
	border-radius: 15px;
}
#info p{
	margin:5px;
	margin-left:20px;
}
#info button {
	margin:3px;
	border-radius: 10px;
	float:right;
}
/*web right */
#webRight {
	background-color: #E0E0E0;
	z-index: -2;
	width:25%;
	min-height: 550px;
	float: left;
	overflow: hidden;
}
#webRight p {
	margin: 5px;
	margin-left: 30px;	
}
#webRight hr {
	margin: 5px;
	width: 85%;	
}
/*div id=wish*/
#wish {
	position:absolute;
	background-color:#99FFFF;
  	left:350px;
  	top:20px;
	z-index:-1;
	clear:both;
	visibility:hidden;
	border-radius: 15px;
}