/*--- general ---*/
body { margin: 0; padding: 0; font-family: serif; font-size: 11pt; color: #333; background: #FFF; }
h1 { font-size: 180%; margin: 0.2em 0 0.5em; }
h2 { font-size: 150%; margin: 0.2em 0 0.5em; }
h3 { font-size: 120%; margin: 0.2em 0 0.5em; }
h4 { font-size: 100%; margin: 0.2em 0 0.5em; }
p { padding-bottom:15px; margin: 0; }
ul, ol { padding: 0 0 15px 20px; margin: 0; }
li { margin: 0; padding: 0 0 5px 15px; }
dt { font-weight: bold; padding: 0 0 5px 0;  margin: 0;}
dd { padding: 0 0 1em 0; margin: 0;  }
form { margin: 0; }
form p { clear: both; }
input, select, textarea, button, table, td, th { font-family: serif; font-size: 100%; }
input.text, textarea { width: 180px; }
textarea { height: 70px; overflow: auto; }
label { display: block; width: 8em; margin: 0 0.5em 0 0; float: left; clear: left; padding: 0.2em 0 0; text-align: right; }
a { color: #333; text-decoration: underline; }
a img { border: none; }
.clear { clear: both; }

/*---------------------------------------------------------------------- LAYOUT---*/
#all {	
	background: #FFF;
}

#header h1 { float: left; }
#header p { float: right;  text-align: right; font-weight: bold;}
#header p img { vertical-align: middle; margin-right: 3px;}

#left, #topmenu { 
	display: none;
}

#footer p.copy {  float: right; font-size: 90%; padding: 0 10px; }

/*--------------------------------------------------------------------------- RIGHT -------*/
#right .padding { padding: 15px 5px 5px 10px;}
#right .date { padding-bottom: 0}
.box {
	width: 181px; overflow: hidden;
	float: left;
	margin-bottom: 8px;
	border-left:1px solid #FFF;  border-right:1px solid #FFF;
	background: #f0f0f0;
}
.box h3 { padding: 5px; text-align: center;}
.box h3 a { color: #322e2f;}
.box h3 a:hover { color: #0050BA;}
.box .foto { width: 171px; height: 117px; margin: 0 0 0 5px; background: #FFF; text-align: center;}
.box p.textright { padding: 5px;}
.box p.textright strong { color: #c70635;}
.links { width: 181px; height: 23px;background: url(../images/box.gif) no-repeat top left;}
.links a { color: #FFF; text-decoration: none;}
.links a:hover {color: #FFF; text-decoration: underline;}
.links p.left { padding: 4px 0 0 12px;}
.links p.right { padding: 4px 12px 0 0;}

#right #news { width: 364px; float: left; }
#right #news .padding { background: #f0f0f0; padding: 10px;  }

#right #topten { width: 180px; float: right;}
#right #topten ul { padding-left: 20px;}
#right #topten li { padding: 0 0 2px 0px; list-style: disc; }
#right #topten a {  color: #0050ba;}
#right #topten a:hover {  color: #C70635;}

#right .detail-left { width: 302px; float: left;}
#right .detail-left img { border: 5px solid #f0f0f0;}
#right .detail-right { width: 238px; float: right;}

table {	border-collapse: collapse; font-size: 100%; }
td, th { border: 1px solid #f0f0f0;text-align: left;padding:8px; }


/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right }
.left { float: left }
.fleft { float: left; margin: 0 10px 1em 0; }
.textright, td.textright, th.textright { text-align : right }
.textleft, td.textleft { text-align : left }
.textcenter, td.textcenter { text-align : center;}
.middle { vertical-align : middle }
.clear { clear: both;}
.bold { font-weight: bold;}