@charset "utf-8";
/* CSS Document */
/*  
* DIARIOREGIONAL - 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:			#EFEFEF 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;
background:			#D4D4D4;
}
#topo{
height:				170px;
background:			#FFF;
}
#logo{
width:				325px;
float:				left;
margin:				50px 20px;
}
#barra{
width:				100%;
text-align:			right;
height:				10px;
padding:            10px 0;
font-size:			11px;
background:			#005A73;
cursor:				pointer;
}
#barra img{
float:				right;
}
#conteudobarra{
background:			#005A73;
position:			absolute;
z-index:			900;
width:				100%;
display:			none;
cursor:				pointer;
}
#conteudobarra img{
margin:				30px 10px;
}
#conteudobarra span{
margin:				30px 10px;
}
#palco_home{
width:				auto;
height:				560px;
background:			#CFCFCF url(../images/bg_palco.jpg) left top repeat-x;
}
#palco{
background:			#CFCFCF url(../images/bg_palco_interna.jpg) left top repeat-x;
min-height:         600px;
height:				auto;
}
#col_lateral{
background:			url(../images/bg_capa.png) left top no-repeat;
width:				315px;
height:				565px;
float:				left;
padding:            10px 20px;
position:			absolute;
top:			    180px;	
margin-right:		10px;	
}
#outras_rel{
width:				320px;
position:			relative;
top:			   -50px;	
}
#outras{
width:				320px;
height:				41px;
background:			url(../images/bg_outra.jpg) left top no-repeat;
position:			absolute;
left:				15px;	
}
#outras select{
border:				none;
background:			url(../images/bg_outraInput.gif) left top no-repeat;
width:				175px;
height:				20px;
float:				left;
margin:				5px 0!important;
}
#outras label{
color:				#005972;
width:				107px;
font-size:          11px;
}
#outras input.enviar{
background:			url(../images/buscar.gif) left top no-repeat;
width:				18px;
height:				18px;
float:				left;
cursor:				pointer;
}
#col_principal_rel{
position:			relative;
top:				-195px;
}
#col_principal{
width:				545px;
height:				auto;
float:				right;
background:			transparent;
position:			absolute;
top:				175px;
right:				0;
padding:            0 20px 20px 0;
}
#rodape{
width:				auto;
height:				20px;
background:			#005A73;
color:				#FFF;
padding:            5px 30px;
}
#rodape img{
float:				right;
}
#rodape p{
float:				left;
}
/*********************************************Menu*/
ul#menu{
width:				522px;
height:				38px;
background:			#000 url(../images/bg_menu.jpg) left top repeat-x;
float:				right;
font-size:			15px;
margin:				65px 20px;
}
ul#menu li{
list-style:			none;
display:			inline;
margin:     		0px;
padding:			0px;
position:			relative;
top:				8px;
margin:     		0px;
padding:			0px;
}
ul#menu li a{
padding:			8px;
color:				#00546B;
}
ul#menu li a:hover{
color:				#900;
}
/*********************************************Titulos*/
h2{
color:				#005870;
}
h2 span{
visibility:			hidden;
}
h2#lastNews{
background:			url(../images/h2/h2_noticias.png) left top no-repeat;
height:				34px;
width:				174px;
float:				right;
}
h2#twitt{
background:			url(../images/h2/h2_twitter.gif) left top no-repeat;
width:				180px;
height:				39px;
}
h2#enquete{
background:			url(../images/h2/h2_enquete.gif) left top no-repeat;
height:				28px;
}
h2#News{
background:			url(../images/h2/h2_news.png) right top no-repeat;
}
h2#Edicoes{
background:			url(../images/h2/edicoes.png) right top no-repeat;
}
h2#expediente{
background:			url(../images/h2/h2_expediente.png) right top no-repeat;
}
h2#dados{
background:			url(../images/h2/dados.png) right top no-repeat;
}
h2#denuncia{
background:			url(../images/h2/h2_denuncia.png) right top no-repeat;
}
h2#comercial{
background:			url(../images/h2/h2_comercial.png) right top no-repeat;
}
h2#contato{
background:			url(../images/h2/h2_contato.png) right top no-repeat;
}
h2#cad{
background:			url(../images/h2/cadastre.png) right top no-repeat;
}
h2#jcad{
background:			url(../images/h2/jcad.png) right top no-repeat;
}
h2#esq{
background:			url(../images/h2/esc.png) right top no-repeat;
}
#log{
position:			absolute;
top:				5px;
right:				20px;
}
h3#logado{
text-align:			right;
margin:				0 20px;
padding-top:        15px;
}
p.logare{
text-align:			right;
margin:				0 20px;
}
#palco h2{
float:				right;
width:				174px;
height:				34px;
margin-bottom:		30px;
}
h3{
font-weight:		bolder;
color:				#70191A;
font-size:			13px;
margin:				10px 0;
}
h4{
font-weight:		normal;
text-align:			center;
color:				#70191A;
font-size:			17px;
}
h5{
font-weight:		normal;
text-align:			center;
font-size:			15px;
}
/*********************************************DIVS*/
ul#boxNews{
width:				540px;
height:				185px;
background:			url(../images/bgBoxnews.jpg) left top repeat-x;
margin:			    45px 0 5px 0;
}
ul#boxNews li{ 
list-style:			none;
padding:			5px;
height:				35px;
overflow:			hidden;
}
ul#boxNews p{ 
list-style:			none;
height:				30px;
overflow:			hidden;
}
#boxTwitter{
width:				180px;
height:				auto;
background:			#fff url(../images/bgBoxtwitter.jpg) left bottom repeat-x;
margin-top:			30px;
color:				#333333;
font-size:			10px;
float:				left;
}
#boxTwitter li{
padding:            3px 5px;
list-style:			none;
}
#boxEnquete{
width:				323px;
height:				164px;
float:				left;
margin-top:			40px;
margin-left:		20px;
background:			url(../images/bgBoxtwitter.jpg) left bottom repeat-x;
}
#denuncia{
float:				right;
}
.box_600{
height:     190px;
overflow-y: scroll;}
/*********************************************formulario*/
input, select, textarea{
width:				auto;
height:				auto;
padding:			3px;
margin:				5px;
background:			#F0F0F0;
font:				11px "Trebuchet MS";
color:				#333;
border:				1px solid #025974;
}
input:focus , select:focus, textarea:focus{
color:				#000;
border:				1px solid #C71B1B;
background: 		#E5E5E5;
}
.ok{
width:				auto;
height:				auto;
padding:            2px 5px;
margin:				5px;
background:			#025974 url(../images/bg_ok.jpg) left center repeat-x;
font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
color:				#F5F5F5;
cursor:				pointer;
border:				1px solid #025974;
overflow:			visible;
}
.fancyframe{

font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
color:				#fff;
padding:            2px 5px;
margin:				5px;
}
.botao{

font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
color:				#Fff;
padding:            2px 5px;
margin:				5px;
}

label{
width:				120px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
}
#contenquete input{
padding:			2px;
margin:				2px 3px;
border:				none;
}
#contenquete p{
margin:				5px;
}
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;
}

/*********************************************Gerais*/
img{
border:					none;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}
.col_separa{
width:					10px;
height:					auto;
float:					left;
}
ul#twitter_update_list{
width:					auto;
height:					auto;
padding:                5px 10px;
}
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;
text-align:				right;
margin:					0 20px 0 0;
}
.paginacao span{
background:			#025974 url(../images/bg_ok.jpg) left center repeat-x;
font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
padding:            2px 5px;
margin:				1px;
color:				#fff;
}
.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;
}
#banners{
margin:		20px 0;
}
.b01{
width:			346px;
height:			72px;
float:			left;
margin-right:	30px;
}
.b01 img{
width:			346px;
height:			72px;
}
.b02{
width:			523px;
height:			72px;
float:			left;
}
.b02 img{
width:			523px;
height:			72px;
}
.enquete{
border: 			1px solid #A5201B;
height: 			15px;
width:				420px;
text-align:			left;
}
.enquete_dentro{
background: 		#A5201B none repeat scroll 0% 0%;
height: 			15px;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}

span.data{
color:				#888;
text-align:			right!important;
margin-bottom:		10px;
float:			right;
}
span.chamada{
text-align:			center;
margin-bottom:		10px;
}
#rol{
height:				415px;
overflow-y:			scroll;
}
ul#lastNews li{
list-style:			none;
margin:	            2px 0px;
padding:            2px 5px;
background:			#67A6B8;
}
span.btn{
margin-top:			10px;
}
.fone{
background:				url(../images/telephone.png) left top no-repeat;
padding-left:           25px;
}
.adress{
background:				url(../images/adress.png) left top no-repeat;
padding-left:           25px;
}
.email{
background:				url(../images/email.png) left top no-repeat;
padding-left:           25px;
}
.user{
background:				url(../images/user.png) left top no-repeat;
padding-left:           25px;
}
.jornal{
background:				url(../images/jornal.png) left top no-repeat;
padding-left:           25px;
}
.fax{
background:				url(../images/fax.png) left top no-repeat;
padding-left:           25px;
}
.down{
background:				url(../images/down.png) left top no-repeat;
padding-left:           25px;
}
.expediente{
color:                  #015971;
}
.box_interna{
width:                  180px;
height:                 100px;
float:                  left;
}
.download{
width:   250px;
float:left;
}

#EdAtual_PDF {
width:				345px;
height:				30px;
background:			#5F1516;
position:			absolute;
padding:			1px;
left:				2px;
top:			540px;
bottom:				0;
font-size:			10px;
color:				#FFF;
opacity:			0.75;
-moz-opacity: 		0.75;
filter: 			alpha(opacity=75);
text-align:			right;
}
#EdAtual_PDF a {
color:				#FFF;
text-decoration: 	none;
}
#EdAtual_PDF img {
width: 				23px;
height:				22px;
vertical-align:		middle;
float:				inherit;
padding:            3px;
}