/**** Sitio Web ****/
body {
	/* background-image: url(img/fondito3.png); */
	background-color:#CF9;
	font-family: arial, helvetica, sans-serif;
	margin: 0px auto; 
	padding: 0px;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 140%; /* page height */
}
 
#contenedor {
	/* margin: 0px auto; */
	width: 800px; /* page width */
	position:relative;
}

#contenido {
	clear: both;
	padding: 5px 5px 5px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.95) 1px 1px 1px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	background-color: white;
	border: 0px none #999;
}

div, img, form, ul, td, th {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left; /* align text in page */
}

p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

h3 {
  color: #666666;
  text-shadow: 0 0 1px #999999;
}

.explicacion ul
{
  list-style:inside circle;
  margin-bottom:10px;
  margin-left: 20px;
}

.explicacion {
	position: relative;
}

.titulo {   /* เขียน 	class เพิ่มขึ้นมาใหม่เอง work!!!! อ่ะ*/
	font-size:16px;
	color:#36F;
	text-align:left;
}

pre { 
  margin: 10px 0px; 
  padding: 0; 
}

code {
	display: block;
	background-color: #D8ECF1; /* bgcolor for code tag in html file */
	padding: 5px;
	overflow: auto;
}

.clearfix:after, .container:after {
  content:"\0020"; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden; 
  overflow:hidden;
}

.clearfix, .container {
	display:block;
}

.clear {
  clear:both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/**** Choco-Slider  Change image size ****/
#slider {
	width: 400px;
	height: 230px;
	margin: auto; /* align image to center page */
}

.chocoslider img {
	position:absolute;
	top:0px;
	/* left: 0px; */
}

.chocoslider a.choco-imageLink {
	position:absolute;
	top:0px;
	/* left:0px; */
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

.choco-slice {
  display:block;
  position:absolute;
  z-index:50;
  height:100%;
}

.choco-title p {
  padding:5px;
  margin:0;
}

.choco-title a {
	display:block !important;
}

.choco-html-title {
	display:none;
}

.choco-controlNavigation {
	position:absolute;
	right:0%;
	bottom:-25px; /* distance between controlNav and picture */
}

.choco-controlNavigation a {
  text-indent: -999999px;
  text-transform:uppercase;
    text-decoration:none;
	height:20px;
    width:18px; 
    display:block;
    cursor: pointer;
    background: transparent url(img/controlls.gif) center bottom no-repeat;
    float:left;
    outline: none;
}

.choco-controlNavigation a.active {
  background: transparent url(img/controlls.gif) center top no-repeat;
}