/* CSS Document */
/* ---------------------------MIOLO CONTENT--------------------------- */
#contentLeft{
	position:relative;
	float:left;
	margin:0px;
	padding:27px 8px;
	width:200px;
	background:url(../img/contentLeftBG.gif) top left no-repeat #FBFBFB;
}

#menuContext {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:200px;
}

#menuContext ul.items{
	position:relative;
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}

#menuContext ul.items li{
	list-style:none;
	padding:0px;
	margin:0px;
	border-bottom:solid 1px #EBEBEB;
	width:100%;
	height:32px;
	color:#000000;
	background:url(../img/menucontext_item_bg.gif) top left no-repeat;
}

#menuContext ul.items li.on{
	font-weight:bold;
	background:url(../img/menucontext_item_on_bg.gif) top left no-repeat;
}

#menuContext ul.items li:hover{
}

#menuContext ul.items li a,
#menuContext ul.items li a:visited,
#menuContext ul.items li a:active{
	text-decoration:none;
	display:block;
	height:20px;
	color:#000000;
	padding:8px 0px 0px 12px;
	margin:0px;
}

#menuContext ul.items li a:hover{
	text-decoration:underline;
}

#menuContext ul.folders{
	position:relative;
	float:left;
	width:100%;
	margin:0px;
	padding:0px 0px 0px 7px;
}

#menuContext ul.folders li{
	list-style:none;
	padding:0px 0px 5px 22px;
	font-weight:bold;
}

#menuContext ul.folders li:hover{
}

#menuContext ul.folders li a,
#menuContext ul.folders li a:visited,
#menuContext ul.folders li a:active{
	font-weight:normal;
	text-decoration:none;
}

#menuContext ul.folders li a:hover{
	text-decoration:underline;
}

#contentMain {
	position:relative;
	float:right;
	width:542px;
	padding:0px 0px 0px 5px;
	border-left:solid 1px #CCCCCC;
}

#contentTitle {
	font-family:Calibri,Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	width:536px;
	padding:12px 3px;
	margin:0px;
	border-top:solid 3px #333333;
	background:url(../img/contentBodyBG.gif) top left repeat-x;
	font-weight:bold;
	font-size:24px;
}


#contentBody {
	position:relative;
	float:left;
	width:456px;
	padding:12px 3px;
	margin:0px;
}

#contentBody h1{
	font-weight:bold;
	font-size:16px;
	padding:0px;
	margin:0px 0px 16px 0px;
}

#contentBody h2{
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 16px 0px;
}

#contentBody h3{
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 16px 0px;
}

#contentBody p{
	clear:both;
	padding:0px;
	margin:0px 0px 16px 0px;
}

#contentBody hr{
}

#contentBody ul {
}

#contentBody ul li{
}

#contentBody ul li:hover{
}

#contentBody ul li a,
#contentBody ul li a:visited,
#contentBody ul li a:active{
}

#contentBody ul li a:hover{
}

#contentBody a,
#contentBody a:visited,
#contentBody a:active{
	color:#000000;
	text-decoration:underline;
}

#contentBody a:hover{
	background-color:#FEF9E5;
}


#contentBody ul.txtListDocs {
	position:relative;
	float:left;
	margin:0px;
	padding:10px 0px 10px 0px;
	width:276px;
}

#contentBody ul.txtListDocs li{
	list-style:none;
	padding:0px 0px 5px 0px;
}
#contentBody ul.txtListDocs li:hover{
}

#contentBody ul.txtListDocs li a,
#contentBody ul.txtListDocs li a:visited,
#contentBody ul.txtListDocs li a:active{
	font-weight:normal;
	text-decoration:none;
	padding:2px 0px
}

#contentBody ul.txtListDocs li a:hover{
	text-decoration:underline;
}

#contentImgs{
	position:relative;
	float:left;
	width:456px;
	padding:12px 0px;
	margin:0px;
	border-top:solid 1px #CCCCCC;
}
#contentImgs td.image{
	border-bottom:solid 3px #F8C300;
}
#contentImgs td.legend{
	border-bottom:solid 3px #000000;
	vertical-align:bottom;
	width:144px;
	padding-bottom:6px;
}
#contentImgs td.image{
	width:300px;
	border-bottom:solid 3px #F8C300;
}
#contentImgs img{
	max-width:300px;
	_width:300px;
}

#contentImgs ul{
	position:relative;
	float:left;
	width:100%;
	margin:0px;
	padding:6px 0px;
}

#contentImgs ul li{
	list-style:none;
	padding:0px 1px 1px 0px;
	margin:0px;
	float:left;
}

#contentImgs ul li img {
	height:52px;
	border:solid 1px #F8C300;
}

#contentImgs ul li.on{
}

#contentImgs ul li:hover{
}

#contentImgs ul li a,
#contentImgs ul li a:visited,
#contentImgs ul li a:active{
	padding:0px;
	margin:0px;
}

#contentImgs ul li a img {
	height:54px;
	border:none;
}

#contentImgs ul li a:hover{
}

/******************** form contactos **************************/
#contacts {
	position:relative;
	float:left;
	width:100%;
	border-top:solid 1px #D7CBBF;
	margin:20px 0px;
	padding:10px 0px;
}

#contacts input.textfield,
#contacts select.textfield {
	width:120px;
	margin-bottom:5px;
	border:solid 1px #CECECE;
	background:url(../img/bg_input.gif) top left repeat-x;
	font-size:11px;
	padding:3px;
}

select {
	width:auto;
	background-color:#F3F3F3;
	margin-bottom:5px;
	font-size:11px;
	padding:3px;
}

#contacts textarea.textbox {
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	margin:0px 0px 5px 0px;
	border:solid 1px #CECECE;
	height:70px;
	background:url(../img/bg_input.gif) top left repeat-x;
	font-size:11px;
	padding:3px;
}

#contacts input.sizeS {
	width:100px;
}

#contacts input.sizeM {
	width:300px;
}

#contacts label {
	display:block;
	padding:0px 0px 0px 0px;
}

.button {
	width:73px;
	border:none;
	background:url(../img/bg_button.gif) top left no-repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:20px;
	cursor:pointer;
}

.button:hover {
	background:url(../img/bg_button.gif) bottom left no-repeat;
}

#contentBody table{
	
}

#contentBody table.list-table{
	background:url(../img/tableHeaderBG.jpg) top left no-repeat;
	padding:0px 12px;
	width:544px;
}

.list-table th{
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	height:24px;
	white-space:nowrap;
}

.list-table td{
	white-space:nowrap;
}

.list-table td,
.list-table th{
font-size:11px;
padding-right:0px;
}

#contentBody table.list-table tfoot tr td{
}

#contentBody table.list-table tr td{
	height:24px;
	border-bottom:solid 1px #E0E0E0;
	color:#666666;
	white-space:nowrap;
	padding:0px 0px 0px 12px;
}
#contentBody table tr td.odd,
.odd,
.odd:hover{
	background-color:#F8F8F8;
}

#contactForm{
	position:relative;
	float:left;
	width:542px;
}

#contactPromo {
	position:relative;
	float:right;
	padding:15px;
	margin:10px 0px 0px 24px;
	_margin:10px 0px 0px 12px;
	width:170px;
	background:url(../img/footer_bg.gif) bottom right no-repeat #333333;
	color:#F8C300;
	font-weight:bold;
}

#contactPromo input.input {
	position:relative;
	float:left;
	border:none;
	width:164px;
	height:16px;
	padding:1px 3px;
	margin:5px 0px;
	background:url(../img/footerNewsInputBG.gif) top left no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}