/* CSS Document */

* {  margin: 0; padding: 0; border: 0px; list-style: none; outline: none; font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none; color: #4c4b49; }

html { background-color: #eeeeee; height:100%; background: #eeeeee url(../_img/columnBG.gif) 50% 0 repeat-y; }

body { font-size: 62.5%; height:100%; background: url(../_img/stripBG.gif) 50% 0 no-repeat; }

a{ text-decoration: underline; }

h2 { font-size: 1.4em; font-weight: bold;}

#wrapper { width:93.9em; height:100%; margin: 0 auto; background: url(../_img/topBG.gif) left top no-repeat; position: relative; }
body > #wrapper { width:93.5em; }

ul li { height: 0.1em; }
ul > li { height: auto; }

#colLeft, #colRight { width:23.2em; position: absolute; top:23.3em; padding-bottom: 10px;}
#colRight { right: 0;}
#colLeft {text-align: right;}
#colCenter {background: #FFF; position: absolute; left: 23.2em; top:23.3em; width:47.1em; padding-bottom: 10px; padding-top:1.5em;}

#wrapper #menu { text-align: center; width:93.9em; position: absolute; top:20.5em; background:#dededc; padding: 7px 0;}
#wrapper #menu li { display: inline; }
#wrapper #menu a { padding: 7px 15px; text-decoration: none; font-weight: bold; }
#wrapper #menu a:hover { background-color: #FFF; }

#colLeft h2 { background: url(../_img/bulletColLeft.gif) 15.5em center no-repeat; margin: 20px 0; padding-right: 22px;}
#colLeft ul li { padding-bottom: 5px; }
#colLeft ul li a { color:#e67817; margin: 0 22px 0 5px; display: block; }
#colLeft a.subscrever { background:#e67817; color: #fff; display: block; text-decoration: none; font-weight: bold; text-align:center; padding: 10px 0 ; font-size: 1.4em;}

#colRight a.lkcom{ background:url(../_img/lkcom.gif) no-repeat; width:22.6em; height:6.5em; text-indent: -9999px; display: block; margin: 0 0 5px 5px; }
#colRight h2, #colRight ul, #colRight div { margin-left:5px; }

#colRight div { background: #FFF; padding: 5px; }
#colRight div img { float: left; margin: 0 5px 5px 0; }
#colRight div a { color: #e67817; display: block; text-align: right;  margin-top: 5px;}
#colRight h2 a { color: #e67817; background: url(../_img/bulletColRight.gif) left center no-repeat; margin: 20px 0; padding-left: 18px; display: block;}

#colRight li a img { display: block; }
#colRight ul li { padding-bottom: 5px; }
#colRight ul li { margin: 0 5px 0 20px; }
#colRight ul li.verMais { display: block; text-align: right; margin-top: 5px; }
#colRight ul li.verMais a { display: block; color: #e67817; }
#colRight ul li a { text-decoration: none; border: none; text-transform: none; }
#colRight ul li a:hover { text-decoration: underline; border: none; }
#colRight ul li p.title a{ font-weight: bold; color: #E67817; text-decoration:  underline; }

#colCenter ul { margin: 10px; }
#colCenter ul li { display: block; clear: both; margin-bottom: 10px; padding-bottom: 50px; border-bottom: #CCC dotted 2px;}
#colCenter ul li a{ color: #e67817; }
#colCenter ul li p.data{ font-size: 1.2em; }
#colCenter ul li h2 a{ margin: 20px 0; display: block; }
#colCenter ul li img{ margin: 0 10px 10px 0 }
#colCenter ul li p{  }
#colCenter ul li p.details{ clear: both; margin-top: 10px;}
#colCenter ul li a.comment{ text-align: right; margin: -1em; width: 12em; float: right; }

.commentsList { padding: 10px; }
.commentsList .details{ padding-top: 5px; }

#colCenter form {  }

#colCenterLeft {width:23.0em;float:left;text-align: right;}
#colCenterLeft h2{background: url(../_img/bulletrecomendada.gif) right center no-repeat;padding-right: 22px;font-size: 1.1em; font-weight: bold; padding-top:1.3em;}
#colCenterLeft ul li{padding-right:12px; border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
#colCenterRight {width:23.0em; float:right;text-align: left;}
#colCenterRight h2{background: url(../_img/bulletrecomendada.gif) left center no-repeat;padding-left: 22px;font-size:1.1em; font-weight:bold; padding-top:1.3em;}
#colCenterRight ul li{padding-left:12px;border-bottom:none; margin-bottom:0px; padding-bottom:0px;}

/******** FORM DO LOGIN ******/
#boxs .accesskey{
text-decoration:underline;
}
#boxs form{padding: 10px;}
#boxs input{
border: solid 1px #111;
background-color: #EEE;
margin: 0px 10px 2px 0px;
height: 18px;
}
#boxs input:hover, input:focus{border: solid 1px #+00AAD0;} 
#boxs{background-color: #EEEEEE;position: relative;width: 300px;top: 75px;left: 50px;}
#msg{clear:both;text-align: center;padding: 10px;}
.txtok{color: #56A400;}
.txtbad{color: #EE4411;}
.msgok{padding-left:30px;color: #56A400;line-height:30px;}
.msgbad{padding-left:30px;color: #EE4411;line-height:30px;}
#boxs #loginform a:hover{color: #00ABD1;}
#boxs input.btn{

text-decoration: none;

border: none;
background-color: #333;
color: #EEE;
padding: 2px 4px 2px 4px;
margin: 5px 5px 5px 0px;
margin-left: 120px;
text-align: left;
font-weight:bold;
height: 18px;
cursor: pointer;
}
/*********tabelas da gestão****/
#ges {
padding-left:1em;
}
#ges input{
border: solid 1px #111;
background-color: #EEE;
height: 18px;
}
#ges #labelo{float:left;font-size:1.4em;
font-weight:bold;position:relative;
top:3px;}

#ges .btn{
text-decoration: none;
padding: 2px 2px 2px 2px;
margin: 5px 5px 5px 0px;
background-color: #333;
color: #EEE;
text-align:center;
font-weight:bold;
height: 24px;
cursor: pointer;
}

#colCenter #ges fieldset legend{
display:none;
} 
#colCenter #ges table{
width: 100%;
text-align: left;
}
#colCenter #ges table tr td{
line-height: 13px;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
}
#colCenter #ges table caption{
display:none;
}
#colCenter #ges table thead *{
padding-top: 5px;
color: #FFF;
background-color:#6B6A69;
}
#colCenter #ges table thead * a:hover{
color: #FFFFFF;
}
#colCenter #ges table tbody .gray *{
background-color: #F0F0F0;
}
#colCenter #ges table *{
padding-left: 10px;
}
#colCenter #ges table * a{
padding-left: 0px;
text-decoration: underline;
}
/*****************************/
.alignRightLink{
position: absolute;
left: 410px;
}

#coment{
background-color:#BBB;
padding:5px 10px 5px 30px;
margin:0px 15px;
}
#coment label{
font-weight:bold;
}
#coment textarea{
font-size: 100%;
}