
@media print
{
   * { display:none }
}
a[href=^="/"]:after {
content: " [http://www.zen.ilbello.com/" attr(href) "]";
}
@font-face {
		font-family: 'Audiowide-Regular';
		src: local('Audiowide-Regular'), url('font/Audiowide-Regular.ttf') format('truetype');
		text-rendering:optimizeSpeed;
		-webkit-font-smoothing:antialiased;
		}
body {
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
  background-image: url(images/zen2.jpg);
  background-repeat: no-repeat;
  background-position: top;
}
p {
	margin: 10px 10px;
	font-size: 18px;
	text-align: justify;
	line-height: 1.0em;
}

h1 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 24px;
	font-weight: bold;
	color:#8a8484;
}

h2 {
	font: 18px 'Audiowide-Regular', Arial, Helvetica, sans-serif;
  clear: both;
	margin: 0px;
	padding: 0px;
  line-height: 1.5em;
	font-weight: bold;
	color:#8a8484;
}

h3 {
	padding: 20px;
   margin: 10px;
   background: #ffffff;
   color: #000;
   font: 21px 'Audiowide-Regular', Arial, Helvetica, sans-serif;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px;
   border-radius: 10px;
   box-shadow: 0 0 0 6px #E5E2DE;
   text-shadow: -1px -1px #aa3030;
   font-weight: normal;
}

h4 {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
}

ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color:#bcbc9b;
}

.readmore_white a{
  color: #000 ;
  background-color: #ffb200 ;
  border: 3px outset #b37d00 ;
  width: 70px ;
  text-decoration: none ;
  display: block ;
  text-align: center;
}

#container {
	margin: 0px auto;
	width: 920px;
	margin-top: 10px;
}

/* top */

#top {
	clear: both;
	width: 900px;
	height: 100px;
	padding: 0px 10px;
	color: #FFFFFF;
}

.sitename_panel {
	font: 52px 'Audiowide-Regular', Arial, Helvetica, sans-serif;
	float: left;
	width: 240px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}

.sitename{
	padding: 10px;
   margin: 10px;
   background: #ffffff;
   color: #bcbc9b;
   font: 52px 'Audiowide-Regular', Arial, Helvetica, sans-serif;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px;
   border-radius: 10px;
   box-shadow: 0 0 0 0px #E5E2DE, 2px 2px 2px 2px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #E5E2DE;
   font-weight: normal;
}

.sitename2{
	padding: 65px 0px 10px 10px;
	font-size: 40px;
	color: #bcbc9b;
	font-weight: bold;
}

.sitename span{
	font-size: 40px;
	color: #8a8484;
	font-weight: normal;
}

/* end of top */


/* content */

#content {
	float:left;
	width: 880px;
	padding: 0px 20px;
	background:url(images/frame.gif) repeat-y;
}

.content_top{
	clear: both;
	width: 920px;
	height: 15px;
	background: url(images/top.gif) no-repeat;
}

.content_bottom{
	
	clear: both;
	width: 920px;
	height: 16px;
	
}

/* banner */
.banner {
	width: 830px;
	height: 204px;
	padding: 50px 0px 0px 50px;
	margin-bottom: 10px;
	background: #ffffff;
}

.banner ul {
	margin: 20px 0px 20px 50px;
	padding: 0px;
	list-style: disc;
}

.banner ul li{
	font-size: 18px;
	color: #000000;
	padding: 0px 0px 5px 0px;
}
/* end of banner */

/* menu */

#menu{
	clear: both;
	width: 880px;
	height: 35px;
	margin: 0px 0px 10px 0px;;
	padding: 0px;
	background: #f6f6ee;
}

#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 50px;
	list-style: none;
	text-align: center;	
	color: #ffffff;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	float: left;
	padding: 7px 20px 2px 20px;
	margin-right: 1px;
	height: 25px;
	font: 14px arial;
	text-align: center;
	color: #000000;
	text-decoration: none;
}

#menu ul li a:visited{
	color: #888888;
}

#menu ul li a:hover, #menu ul li .current{
	color: #ffffff;
	text-decoration: none;
	background: #cdcdcb;
}
/* end of menu */


/* 2 columns */

#2columns{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 10px 0px;
	width: 880px;
}

.column1{
	float: left;
	width: 480px;
	padding: 10px;
	padding-left: 20px;
	background: #ffffff;
}

.column2{
	float: right;
	width: 320px;
	padding: 10px;
	padding-left: 75px;
	border-left: 1px dotted #CCCCCC;
	background: #ffffff;
}
	
/* end of 2 columns */

.pagina{
	float: center;
	width: 820px;
	padding: 20px;
	padding-left: 30px;
	border-left: 1px dotted #CCCCCC;
	background: #ffffff;
	color:#8a8484;
	font-size: 20px;
	line-height: 1.5em;
	
}

/* Detail page */

#features{
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 10px 20px;
	width: 730px;
}

.titlerow {
	clear: both;
	float: left;
	padding: 5px 0px;
	width: 730px;
	margin: 15px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #333333;	
	border-bottom: 1px solid #CCCCCC;
}

.subrow {
	clear: both;
	padding: 5px 0px;
	font-size: 12px;
	background: #ffffff;
}

.name_column {
	float: left;
	padding-left: 10px;
	width: 250px;
	font-weight: bold;
}

.plan_column {
	float: left;
	width: 150px;
}

.plan_column img{
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: none;
}

/* end of detail page */

/* -------- Footer --------- */

#footer {
	clear: left;
	padding: 15px 0px 0px 0px;
	width: 920px;
	height: 62px;
	color: #8a8484;
	line-height: 24px;
	text-align: center;
}
#footer a {
	color: #8a8484;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* --------- end of footer --------------*/


