@charset "utf-8";
/* CSS Document */
/*  
* Rádio Globo - Juiz de fora
***********************************************
Agencia: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by:  Henrique Alves
XHTML+CSS: Aline Tinoco 
Programaçao: Rennan Toniolo
Country: Brasil
Last CSS update: 09/2009
Notes: Folha padrao
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
* {
padding:			0px;
margin:				0px;
}
body{
padding:        	0;
margin:				0;
text-align:			center;
background:			#09457A url(../images/bg.jpg) center top repeat-x;
font:				13px Arial, Helvetica, sans-serif;
color:				#000;
}
/*********************************************Estrutura*/
#site, #topo{
width:				930px;
height:				auto;
margin:				0 auto;
text-align:			left;
padding:        	0;
position:			relative;
}
#topo{
height:				145px;
}
#barra{
width:				100%;
text-align:			right;
height:				5px;
padding:            10px 0;
font-size:			11px;
background:			#FFF;
cursor:				pointer;
}
#barra img{
float:				right;
}
#conteudobarra{
background:			#FFF;
position:			absolute;
z-index:			900;
width:				100%;
display:			none;
cursor:				pointer;
}
#conteudobarra img{
margin:				30px 10px;
}
#conteudobarra span{
margin:				30px 10px;
}
#logo{
margin:				40px 0 0 0;
}
#palco_home{
width:				auto;
height:				auto;
background:			#FFF;
padding:            30px;
}
#palco{
background:			#FFF url(../images/bg_menu.jpg) left top repeat-x;
padding:            30px;
}
#rodape{
width:				auto;
height:				20px;
background:			#CCCCCC;
color:				#000;
padding:            5px 30px;
}
#rodape img{
float:				right;
}
#rodape p{
float:				left;
}
#ouca{
width:				278px;
height:				92px;
z-index:			1;
position:			absolute;
right:				30px;
top:				70px;
}
#col_lateral{
width:				240px;
float:				left;
}
#formMural label{
width:				50px;
}
/*********************************************Menu*/
ul#menu{
width:				930px;
height:				30px;
background:			#FFF url(../images/menu/bg_menu.jpg) left top repeat-x;
text-align:			center;
}
ul#menu li{
list-style:			none;
display:			inline;
margin:     		0px;
padding:			0px;
position:			relative;
top:				5px;
margin:     		0px;
padding:			0px;
font-size:			16px;
font-weight:		lighter;
}
ul#menu li a{
padding:			6px 15px 6px 15px;
color:				#005197;
}
ul#menu li a:hover{
color:				#ED961F;
}
/*********************************************Titulos*/
h2{
color:				#333;
}
h2 span{
display:			none;
}
h2#tPromocoes{
background:			url(../images/h2/h2_promocoes.gif) left top no-repeat;
width:				275px;
height:				47px;
}
h2#tNoticias{
background:			url(../images/h2/h2_noticias.gif) left top no-repeat;
width:				239px;
height:				52px;
}
h2#tTwitter{
background:			url(../images/h2/h2_twitter.gif) left top no-repeat;
width:				220px;
height:				49px;
}
h2#tEnquete{
background:			url(../images/h2/h2_enquete.gif) left top no-repeat;
width:				220px;
height:				49px;
}
h3{
background:			transparent url(../images/h2/bg_h3.gif) left top no-repeat;
color:				#FFFFFF;
font-size:			21px;
font-weight:		normal;
width:				480px;
padding:            15px 0px 20px 120px;
}
h4{
font-size:			19px;
color:				#444;
font-weight:		normal;
}
h5{
font-size:			12px;
color:				#ED961F;
}

/*********************************************DIVS*/
#banners{
width:				auto;
height:				56px;
background:			#FFF;
padding:            30px;
}
#banners img{
float:				left;
}
.b01{
width:				365px;
height:				55px;
float:				left;
}
.b01 img,object{
width:				365px;
height:				55px;
}
.b02{
width:				470px;
height:				55px;
float:				left;
}
.b02 img,object{
width:				470px;
height:				55px;
}
.b03 img,object{
width:				365px;
height:				75px;
}
.colLeft{
width:				365px;
height:				auto;
float:				left;
}
.colRight{
width:				475px;
height:				auto;
float:				left;
}
.box_365{
width:				365px;
height:				287px;
background:			url(../images/bg_365.jpg) left bottom repeat-x;
margin-bottom:		30px;
}
.box_365 img{
width:				365px;
height:				171px;
}
.box_365 h4{
color:				#FFF;
margin:				10px;
}
.box_365 p{
color:				#FFF;
margin:				5px 10px;
}
.box_baixo{
width:				365px;
height:				165px;
background:			url(../images/bg_baixo.jpg) left top no-repeat;
margin-top:			30px;
}
.box_121{
width:				114px;
height:				auto;
float:				left;
padding:            5px;
_padding:           4px;
font-size:			10px;
text-align:			center;
}
.box_121p{
width:				100px;
height:				auto;
float:				left;
padding:            5px;
_padding:           4px;
font-size:			10px;
text-align:			center;
margin-right:       5px;
}
.box_121 img{
margin:				5px;
}
.box_121 li{
display:			inline;
list-style:			none;
margin-right:		3px;
margin-bottom:		5px;
}
ul.lastNews{
width:				470px;
height:				148px;
background:			url(../images/bg_last.jpg) left top no-repeat;
}
ul.lastNews li{
height:				50px;
list-style:			none;
}
ul.lastNews li img{
margin-right:		10px;
float:				left;
width:				50px;
height:				48px!important;
}
ul.lastNews li span{
color:				#005197;
font-weight:		bolder;
display:			block;
}
.box_223{
width:				220px;
height:				325px;
background:			url(../images/bg_223.jpg) left bottom repeat-x;
font-size:			11px;
margin-top:			20px;
float:				left;
}
.box_223 li{
padding:            5px 10px;
}
ul#twitter_update_list{
width:				220px;
height:				325px;
}
ul#twitter_update_list{
padding:            5px 10px;
}
.box_600{
width:				600px;
float:				left;
}
.box_270{
width:				240px;
float:				left;
}
.box_270 h3{
width:				120px;
background:			url(../images/h2/bg_h3L.gif) left top no-repeat;
}
.download{
width:   250px;
}
.down{
background:				url(../images/down.png) left top no-repeat;
padding-left:           25px;
}
/*********************************************listas*/
#anteriores{
width:				240px;
height:				auto;
}
#anteriores li{
list-style:			none;
margin:				5px 0;
background:			url(../images/bgL.jpg) left bottom repeat-x;
padding:	        3px;
height:				auto;
overflow:			hidden;
}
#anteriores li:hover{
background:			#FDF0DF;
}
#anteriores  li img{
margin-right:		10px;
float:				left;
width:              50px;
height:             50px;
}
#anteriores  li span{
color:				#005197;
font-weight:		bolder;
display:			block;
}
ul#depoimentos {
width:				auto;
height: 			auto;
padding: 			0;
margin:				10px 0;
}
ul#depoimentos li {
list-style: 		none;
width: 				auto;
height: 			auto;
padding: 	    	5px 2px 2px 35px;
margin: 			0 0 10px 0;
border-bottom: 		1px dotted #ED9620;
background: 		transparent url(../images/99.gif) left top no-repeat;
}
ul#depoimentos li span {
display: 			block;
font-size: 			11px; 
color:				#ED9620;
}
ul#depoimentos li span.dataPost {
display: 			block;
font-size: 			11px; 
color:				#ED9620;
text-align:			right;
}
/*********************************************formulario*/
input, select, textarea{
width:				auto;
height:				auto;
padding:			3px;
margin:				5px;
background:			#F0F0F0;
font:				11px "Trebuchet MS";
color:				#333;
border:				1px solid #005197;
}
input:focus , select:focus, textarea:focus{
color:				#000;
border:				1px solid #ED9620;
background: 		#E5E5E5;
}
.ok{
width:				auto;
height:				auto;
padding:            2px 5px;
margin:				5px;
background:			#005197 url(../images/bg_ok.jpg) left center repeat-x;
font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
color:				#F5F5F5;
cursor:				pointer;
border:				1px solid #005197;
overflow:			visible;
}
a.fancyframe, a.botao{
width:				auto;
height:				auto;
padding:            2px 5px;
margin:				5px;
background:			#005197 url(../images/bg_ok.jpg) left center repeat-x;
font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
color:				#F5F5F5;
cursor:				pointer;
border:				1px solid #005197;
overflow:			visible;
}
label{
width:				120px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
}
#contenquete p{
margin-bottom:		10px;
}
#contenquete{
padding:            5px;
}
#contenquete input{
padding:			2px;
margin:				2px;
border:				none;
}
#formMural label {
float: 				none;
text-align: 		left;
display:			block;
padding: 			0;
margin: 			0;
}
#formMural input {
display: 			block;
margin: 			0 0 5px 0;
}
/*********************************************Gerais*/
img{
border:					none;
}
.box_600 .data{
color:					#CCC;
float:					right;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}
.col_separa{
width:					30px;
height:					auto;
float:					left;
}
ul#twitter_update_list{
width:					auto;
height:					auto;
padding:                5px;
}
ul#twitter_update_list li{
color:					#000;
margin-bottom:			3px;
list-style:				none;
}
a{
text-decoration:		none;
color:					#000;
}
a:visited{
text-decoration:		none;
color:					#000;
}
.paginacao {
width:					auto;
height: 				auto;
clear: 					both !important;
padding: 				5px;
margin:					10px 0;
font-weight: 			bold;
color:					#000;
text-align: 			right;
}
.paginacao a {
padding: 		    	3px 5px;
background: 			#BAC7D3;
color:					#FFFFFF;
text-decoration: 		none;
border:					1px solid #BAC7D3;
margin: 				0 2px;
}
.paginacao a:hover {
padding: 	 			3px 5px;
background: 			#FFF;
color:					#BAC7D3;
text-decoration:		 none;
border:					1px solid #BAC7D3;
margin: 				0 2px;
}
.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}
.vermais{
float:						right;
margin:						10px 0;
}
.promo{
width:						auto;
height:						auto;
border-bottom:				1px dotted #CCC;
background:					#F0F0F0;
padding:                    5px;
margin-bottom:				10px;
}
.premios{
background:				url(../images/premios.png) left top no-repeat;
padding-left:           20px;
margin-top:				10px;
}
.dtsort{
background:				url(../images/dtsort.png) left top no-repeat;
padding-left:           20px;
}
.how{
background:				url(../images/how.png) left top no-repeat;
padding-left:           20px;
}
.fone{
background:				url(../images/fone.png) left top no-repeat;
padding-left:           20px;
}
.adress{
background:				url(../images/adress.png) left top no-repeat;
padding-left:           20px;
}
.email{
background:				url(../images/email.png) left top no-repeat;
padding-left:           20px;
}
.enquete{
border: 			1px solid #09457A;
height: 			15px;
width:				415px;
text-align:			left;
}
.enquete_dentro{
background: 		#ED961F none repeat scroll 0% 0%;
height: 			15px;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}