/*
CSS escrito por
rickshira (rickshira@gmail.com)
23/08/09
*/

/* MODEL TYPE01 CSS PROJECT
----------------------------------------------------------------------------- */
.header .menu{ padding:0 10px;}
.header .menu ul{ float:none;}
.header .menu ul.left{ float:left;}
.header .menu ul.right{ float:right;}

#home .content{ background:#fff;}
#home .content .introBox{ padding:15px 0 15px 25px;}
#home .content .introBox p.intro{ font:12px/20px;}
#home .content .introBox .buscaBox{ padding:15px 0 3px; height:30px; overflow:hidden;}
#home .content .introBox .buscaBox label{ float:left; margin:0 5px 0 0;}
#home .content .introBox .buscaBox .text{ float:left; margin:0 5px 0 0; padding:3px; width:446px; font-size:14px;}
#home .content .introBox .buscaBox .button{ float:left;}
#home .content .introBox .boxInterface{}

#home .content .coluBox{ padding:0 25px 15px;}
#home .content .coluBox .feaBox{ float:left; width:483px;}
#home .content .coluBox .feaBox .boxTextos h3{ margin:20px 0 10px; padding:0; font-size:20px;}
#home .content .coluBox .feaBox .boxTextos p{ margin:10px 0; font-size:11px;}
#home .content .coluBox .triBox{ float:right; padding:15px 0; width:217px; margin-left: 7px; text-align:center; font-size:16px; line-height:1.2em; font-weight:bold; background:#C8C8C8;}
#home .content .coluBox .triBox .trioBox{ padding:0 10px 35px;}
#home .content .coluBox .triBox strong{ display:block; padding:25px 0 0; text-align:center; font-size:44px; line-height:1.2em; font-weight:normal;}

#home .content .homeListas{ padding:0 25px 15px;}
#home .content .homeListas .interDestaque .infoInter{ width:380px;}
#home .content .homeListas .interLista{ width:710px; overflow:hidden;}
#home .content .homeListas .interLista ul{ width:750px;}
#home .content .fooGray{ height:60px; text-align:center;}

#msmAviso .content .captcha{
	width: 250px;
	padding: 10px 0 0 0;
}

#msmAviso .content .captcha h4{
	font-weight: normal;
	padding: 0 0 2px 5px;
}

/* Aviso Eventos
------------------------------------------ */

#eventos {
	margin: auto;
	height: 40px;
	border-top: 1px solid #B6DAC6;
	border-bottom: 1px solid #B6DAC6;
	background: url(../img/atencao.png) no-repeat left center #E4F1EA;
	font: 12px Verdana, Geneva, sans-serif;
	padding: 0 36px;
	margin: 20px 20px 30px 0;
	}

#eventos a {
	display: block; 
	padding-top:12px;
	height: 25px;
	color: #39594C;
	text-decoration:none;
	}
	
#eventos a:hover {
	color: #B6474D;
	}

#eventos:hover {
	background-color:#FDDFE0;
	border-top: 1px solid #DDAAAC;
	border-bottom: 1px solid #DDAAAC;
	}
	
/* LUUUCY IN THE SKYYYYYYYYY WITH DIAMONDS */

#home div.tagCloud {
	padding: 0 30px 0 30px;	
}

#home div.tagCloud a{
	text-decoration: none;
}

#home div.tagCloud a:hover{
	text-decoration: underline;
}

#home div.tagCloudLink {
	float: right;
	padding: 0 30px 10px 0;
}

#cadastre .content .boxCadastre{ padding:15px 100px;}
#cadastre .content .boxCadastre p.intro{ font-size:12px;}
#cadastre .content .boxCadastre .elem01{ margin:0 auto; width:300px;}
#cadastre .content .boxCadastre .elem01 .p span{ font-size:12px;}
#cadastre .content .boxCadastre .elem01 .p label{display:block; padding:10px 0 0;}
#cadastre .content .boxCadastre .elem01 .p .text{ width:300px;}
#cadastre .content .boxCadastre .elem01 .p .text01{ width:180px;}

#cadastre .content .boxCadastre .elem02{padding: 15px 50px}
#cadastre .content .boxCadastre .elem02 .elem{ position:relative; padding:0 0 5px; width:220px; background:#C8C8C8;}

#cadastre .content .boxCadastre .elem02 .elem{
	position: relative; 
	padding: 0 0 5px; 
	width: 250px; 
	background: #C8C8C8;
}

#cadastre .content .boxCadastre .elem02 .captcha{
	width: 250px;
	padding: 15px 0 0 0;
}

#cadastre .content .boxCadastre .elem02 .captcha h4{
	font-weight: normal;
	padding: 0 0 2px 5px;
}

#cadastre .content .boxCadastre .elem02 .eleCenter{
	margin: 0 0 0 80px;
}

#cadastre .content .boxCadastre .elem02 .elem h4{ padding:5px 10px; font-size:14px; font-weight:normal;}
#cadastre .content .boxCadastre .elem02 .elem .p { padding:0 10px 10px;}
#cadastre .content .boxCadastre .elem02 .elem .p label{ display:block; font-size:12px; }
#cadastre .content .boxCadastre .elem02 .elem .p select,
#cadastre .content .boxCadastre .elem02 .elem .p input{ width:190px; }
#cadastre .content .boxCadastre .elem02 .elem .btOpenID{ position:absolute; top:0; right:0;}
#cadastre .content .boxCadastre .boxButton{ text-align:center;}

#pageAncora{}
#pageAncora .boxList{ padding:0 0 30px;}
#pageAncora .boxList li{}
#pageAncora .boxList li strong{ float:left; padding:0 3px 0 0; width:25px; font-size:16px; text-align:right; }
#pageAncora .boxTopics li{ margin:0 0 30px;}
#pageAncora .boxTopics li p{ margin:10px 5px;}
#pageAncora .boxTopics li h4 span{ padding:5px; background:#C8C8C8; font-size:14px; font-weight:normal;}
#pageAncora .boxTopics li h4 span strong{font-size:16px;}
#pageAncora .boxDuvida{ text-align:right;}
#pageAncora .boxDuvida strong{ font-size:18px;}

#dados{position:relative;}
#dados .content .boxDados{ float:left; padding:0 40px 30px 20px; width:290px; border-right:2px solid #C8C8C8;}
#dados .content .boxDados select,
#dados .content .boxDados input{ font-size:16px;}
#dados .content .boxDados label{display:block; padding:10px 0 0;}
#dados .content .boxDados .p span{ font-size:12px;}
#dados .content .boxDados .p .text{ width:280px;}
#dados .content .boxDados .p .text01{ width:160px;}
#dados .content .boxDados .p2 .p3{ float:left; width:117px;}
#dados .content .boxDados .p2 .p3 select{width:117px;}
#dados .content .boxDados .p2 .p4{ float:right; width:165px;}
#dados .content .boxDados .p2 .p4 input{ width:145px;}
#dados .content .boxDados .btShowHide{ padding:0 12px 0 0; font-size:10px; text-align:right;}
#dados .content .bxxMaisInfo{ float:right; margin:0; padding:0 20px 0 0; width:280px;}
#dados .content .bxxMaisInfo input.text{ width:276px; font-size:16px;}
#dados .content .bxxMaisInfo input.text01{ float:left; width:36px; font-size:16px;}
#dados .content .bxxMaisInfo input.text02{ float:right; width:220px; font-size:16px;}
#dados .content .boxIn .boxButton{ padding:30px 0 0; text-align:center;}
#dados .imgError{ position:absolute; top:450px; left:330px;}
#dados .boxMsm{ position:absolute; top:170px; left:200px; padding:20px; width:400px; background:#9BFF00; font-size:22px; text-align:center; color:#000000;}

#dashboard{ position:relative;}
#dashboard h3{ padding:0 0 25px;}
#dashboard .splash{ position:absolute; top:170px; right:50px;}
#dashboard .boxStart{ padding:70px 20px 240px; text-align:center;}

#dashboard .colMenuMon{ float:left; width:220px;}
#dashboard .colMenuMon ul{ padding:0 0 15px;}
#dashboard .colMenuMon li{ list-style:inside; list-style-type:disc;}
#dashboard .colMenuMon li a{ font-size:12px; line-height:1.3em;}
#dashboard .colMenuMon li a.active,
#dashboard .colMenuMon li a:hover{ font-size:14px; font-weight:bold; text-decoration:none;}

#dashboard .dashDet{ float:right; width:562px;}

#dashboard .boxMonInfo{ padding:0 0 5px;}
#dashboard .boxMonInfo .elem01{ float:left; width:450px;}
#dashboard .boxMonInfo .elem02{ float:right; width:100px; text-align:right;}
#dashboard .boxMonInfo h4{ font-size:16px;}
#dashboard .boxMonInfo .elemTags{ font-size:12px; line-height:1.2em;}
#dashboard .boxMonInfo .elemTags a{ text-decoration:none;}
#dashboard .boxMonInfo .elemTags a:hover{ text-decoration:underline;}
#dashboard .boxMonInfo .elemClass{}
#dashboard .boxMonInfo .elemEdit{ font-size:12px; line-height:1.2em;}

#dashboard .dashDet .boxInterface{width:560px; height:382px;}
#dashboard .dashDet .linkTweets{ text-align:right;}

#dashboard div.cadBanner {
	float: right;
	margin: -40px 30px 0 0;
}

#dashboard .dashDet div.latest .listAllTweets{ padding:15px 0;}
#dashboard .dashDet div.latest .listAllTweets li{ padding:0 0 10px;}
#dashboard .dashDet div.latest .listAllTweets li img{ float:left; border:2px solid #646464;}
#dashboard .dashDet div.latest .listAllTweets li .boxText{ float:right; width:500px;}
#dashboard .dashDet div.latest .listAllTweets li .boxText p{ font-size:12px; line-height:1.2em;}
#dashboard .dashDet div.latest .listAllTweets li .boxText p strong{ font-size:14px; font-weight:normal;}
#dashboard .dashDet div.latest .listAllTweets li .boxText .boxTime{ font-size:10px; line-height:1.2em; color:#999999;}

#dashboard .allTweets{ float:right; width:562px;}
#dashboard .allTweets .listAllTweets{ padding:15px 0;}
#dashboard .allTweets .listAllTweets li{ padding:0 0 10px;}
#dashboard .allTweets .listAllTweets li img{ float:left; border:2px solid #646464;}
#dashboard .allTweets .listAllTweets li .boxText{ float:right; width:500px;}
#dashboard .allTweets .listAllTweets li .boxText p{ font-size:12px; line-height:1.2em;}
#dashboard .allTweets .listAllTweets li .boxText p strong{ font-size:14px; font-weight:normal;}
#dashboard .allTweets .listAllTweets li .boxText .boxTime{ font-size:10px; line-height:1.2em; color:#999999;}

#dashboard .content .interLista{ width:700px; overflow:hidden;}
#dashboard .content .interLista ul{ width:760px;}
#dashboard .content .interLista ul li .limiteText{ height:100px;}
#dashboard .content .interLista ul li .elemTags{ font-size:12px; line-height:1.2em;}
#dashboard .content .interLista ul li .elemClass{ float:left;}
#dashboard .content .interLista ul li .elemEdit{ float:right; width:100px; text-align:right; font-size:12px; line-height:1.2em;}



#mon{ position:relative;}
#mon h3{ padding:0 0 25px;}
#mon .splash{ position:absolute; top:170px; right:50px;}
#mon .content .fooGray .navBar{ padding:10px 0 0;}

#mon .boxNewMon{ padding:0 0 30px;}
#mon .boxNewMon .p{ padding:0 0 5px;}

#mon .boxNewMon .p2 h5,
#mon .boxNewMon .p label{ float:left; padding:0 5px 0 0; width:250px; font-size:14px; text-align:right; font-weight:normal;}
#mon .boxNewMon .p input{ float:left; width:284px; font-size:16px;}
#mon .boxNewMon .p .elemDescr{ float:left; padding:0 0 0 5px; font-size:10px; line-height:1.2em;}
#mon .boxNewMon .elemLink{ padding:0 0 0 255px; width:284px; text-align:right; font-size:11px;}
#mon .boxNewMon .boxTags{ padding:0 0 0 255px; width:284px; font-size:12px; line-height:1.2em;}
#mon .boxNewMon .boxTags .elemLink{ padding:0;}
#mon .boxNewMon .p2 .boxRadio{ float:left; width:284px;}
#mon .boxNewMon .p2 .boxRadio .p3 label{ font-size:12px; line-height:1.2em;}
#mon .boxNewMon .p2 .boxRadio .p3 label span{ color:#666666;}

#mon .interView{ margin:0 auto; width:742px;}
#mon .interView .elemInterface{ width:742px; height:419px;}
#mon .interView h4{ padding:5px 0 0; font-size:18px; font-weight:normal; line-height:1.2em;}
#mon .interView p{ font-size:12px; line-height:1.2em;}
#mon .interView .elemLink{ text-align:center;}
#mon .interView .elemLink a{ padding:3px 10px; background:#FFF800; font-size:15px; line-height:1.5em; text-decoration:none; font-weight:bold;}
#mon .interView .elemLink a:hover{ background:#9BFF00; text-decoration:none;}

#mon .content .interLista{ width:820px; overflow:hidden;}
#mon .content .interLista ul{ width:950px;}
#mon .content .interLista ul li{ margin:0 84px 20px 0; }
#mon .content .interLista ul li .limiteText{ height:150px;}


#features{ position:relative;}
#features h3{ padding:0 0 25px;}
#features .splash{ position:absolute; top:170px; right:30px;}
#features .content .boxTextos h3{ margin:15px 0; padding:0;}
#features .content .boxTextos p{ margin:15px 0; font-size:12px;}
#features .content .interDestaque .infoInter{ float:right; width:380px;}
#features .content .btMais{ padding:10px 0 0; font-size:18px; line-height:1.3em; text-align:right;}
#features .content .fooGray{height:auto; text-align:center;}
#features .content .navBar{}
#features .content .navBar .btAnterior{ float:left; width:200px; padding:10px 0 0; font-size:18px; line-height:1.3em;}
#features .content .navBar .btMais{ float:right; width:200px;}
#features .content .interLista{ width:700px; overflow:hidden;}
#features .content .interLista ul{ width:760px;}
#features .content .interLista ul li .limiteText{ height:150px;}

#sobre .content .boxIn{ margin:0 0 50px;}
#sobre .content .boxIn p{ margin:10px 0;}
#sobre .content .fooGray{height:auto; text-align:center;}

#openid h3{ padding:0 0 25px;}
#openid p{ padding:0 0 25px;}
#openid .boxLinks{ height:50px;}
#openid .boxLinks a{ float:right;}
#openid .boxLinks a.arrow02{ margin:5px 0 0; padding:0 20px 0 10px; background:url(../images/arrow2G.gif) no-repeat left center; font-size:12px;}