@charset "utf-8";
/* CSS Document */

* { margin: 0; font-family: Arial, Helvetica, sans-serif;}
a { text-decoration: none }
a:hover { textd-ecoration: underline }
/* HEADER ******************************************************************************************************************************* */
#header { margin: 0 auto; width: 1010px; height: 100px; }
#header #logo { float: left; margin: 40px 110px 0px 7px; }
#header #logo p{ font-size:12px }

#header #busca { float: left;  width: 268px; font-size: 18px; border-right: solid 3px #e7e7e7; margin: 14px 0px 0px 0px; }
#header #busca fieldset { border:none }
#header #busca label { display: block }
#header #busca .campo { width: 200px; height: 20px; border: solid 1px #999; font-size: 14px; font-weight: bold; padding-top: 3px;padding:2px }
#header #busca .bt { background: #FFFFFF; border: none; height: 31px }

#header #menuheader { float: left; font-size: 11px; margin: 45px 0px 0px 5px }
#header #menuheader a { text-decoration: none; color: #666 }
#header #menuheader a:hover { text-decoration: underline; color: #333 }

#linhacinza { width: 100%; height: 8px; background: #e7e7e7 }
#menutop { width: 100%; height: 42px; background: url(http://www.diariodemarilia.com.br/imgs/menu_ativo.gif) repeat-x }
#menutop ul { width: 880px; margin: 0 auto; list-style: none; padding: 0 }
#menutop li { float: left; text-align:center; font-size: 20px; font-weight: bold; width: 125px; letter-spacing: -1px }
#menutop a { color: #fff; text-decoration: none; width: 125px; display: block; height: 32px; padding: 10px 0px 0px 0px }
#menutop a:hover { background: #990000 }

#publicidade { height: 130px; width: 642px; margin: 10px auto 0px auto; font-size: 9px  }

#barraultimas { width: 985px; margin: 0 auto 23px auto; height: 19px; background: #e7e7e7; font-size: 14px; font-weight: bold; padding: 4px 0px 0px 15px }
#barraultimas a { color: #ed1d24 }

/*^HEADER ******************************************************************************************************************************* */

#site { width: 1000px; margin: 0 auto;  }



#site #meio { float: left; width: 846px; font-size: 13px; letter-spacing: -1px;  }

/* interna ................................................................................ */
#site #meio #internatit { height: 30px; font-size: 22px; border-bottom: solid 3px #e7e7e7; margin-bottom: 20px }
#site #meio #internatit a { color: #ed1d24 }
#site #meio h1 { font-size: 26px; letter-spacing: -1px }
#site #meio h2 { font-size: 18px; letter-spacing: -1px; color: #666; font-weight: normal; margin: 10px 0px 10px 0px }

#site #meio #foto { width: 314px; margin: 20px 20px 20px 0px; }
#site #meio #foto #fotografo { font-size: 9px; letter-spacing: 0px }
#site #meio #foto #legenda { background: #e7e7e7 } 
#site #meio p { letter-spacing: 0px; color: #333 }

#site #meio #barracomenta { clear: both; width: 100%; height: 35px; background: #e7e7e7; margin: 25px 0px 10px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; padding-top: 12px }
#site #meio #barracomenta a { color: #ed1d24 }
#site #meio #barracomenta #comentario { float: left; margin-left: 10px }
#site #meio #barracomenta #comentarios { float: right; margin-right: 10px }

#site #meio #oscomentarios { width: 100%; color: #000; border-bottom: solid 1px #CCCCCC; margin: 15px 0px 10px 0px }
#site #meio #oscomentarios strong { font-size: 16px }
#site #meio #oscomentarios p { margin: 10px 0px 10px 0px }

#site #meio #vejamais { margin: 20px 0px 20px 0px; width: 572px; }
#site #meio #vejamais h3 { font-size: 20px; font-weight: normal; margin: 15px 0px 15px 0px }
#site #meio #vejamais #link { margin: 15px 0px 15px 0px }
#site #meio #vejamais #link a { color: #ed1d24 }
#site #meio #vejamais #link h4 { font-size: 18px; font-weight: normal }
#site #meio #vejamais #link #data { font-size: 9px; letter-spacing:0.01cm }

#site #vejamais hr { height: 1px; color: #ff6600; padding: 0 }
#site #vejamais #mais { background: #ff6600; height: 25px; width: 190px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding: 8px 20px 0px 20px }
#site #vejamais #mais a { color: #fff }

#site #meio #vejamais_p { margin: 20px 0px 20px 20px; width: 572px; }
#site #meio #vejamais_p h3 { font-size: 18px; font-weight: normal; margin: 15px 0px 15px 0px }
#site #meio #vejamais_p #link { margin: 15px 0px 15px 0px }
#site #meio #vejamais_p #link a { color: #ed1d24 }
#site #meio #vejamais_p #link h4 { font-size: 14px; font-weight: normal }
#site #meio #vejamais_p #link #data { font-size: 9px; letter-spacing:0.01cm }

#site #meio #ultimas2 { float: left; width: 336px; margin: 0px 10px 10px 10px; letter-spacing: -1px }
#site #meio #ultimas2 h1 { font-size: 18px; color: #999; margin-bottom: 16px; letter-spacing: -1 }
#site #meio #ultimas2 #data { font-size: 9px; letter-spacing: 0px }
#site #meio #ultimas2 #ultima { font-size: 13px; font-weight: bold; margin: 5px 0px 30px 0px }
#site #meio #ultimas2 #ultima a { text-decoration:none; color: #666 }
#site #meio #ultimas2 #ultima a:hover { text-decoration:underline }
#site #meio #ultimas2 #enquete { margin: 10px 0px 0px 0px; border-top: solid 1px #000 }
#site #meio #ultimas2 #enquete h2 { font-size: 16px; color: #000; margin-bottom: 10px }
#site #meio #ultimas2 #enquete fieldset { border:none; }
#site #meio #ultimas2 #enquete p { font-size: 14px; color: #000; margin: 2px 0px 0px 0px; letter-spacing: 0px }
#site #meio #ultimas2 #enquete label { display:block; margin: 8px 0px 0px 12px }
#site #meio #ultimas2 #enquete .votar {border: solid 0px ; width: 60px; height: 29px; background: #ed1d24; color: #fff; margin: 8px 0px 0px 12px}
#site #meio #ultimas2 #enquete .ver {border: solid 0px ; width: 60px; height: 29px; background: #464646; color: #fff; margin: 8px 0px 0px 12px}

#site #meio #manchetes2 { float: left; width: 341px; margin: 0px 0px 0px 5px }
#site #meio #manchetes2 h1 { font-size: 26px; letter-spacing: -1px }
#site #meio #manchetes2 .vermelho { text-decoration: none; color: #ed1d24 }
#site #meio #manchetes2 .verde:hover { text-decoration: underline }
#site #meio #manchetes2 .verde { text-decoration: none; color: #197b30 }
#site #meio #manchetes2 .vermelho:hover { text-decoration: underline }
#site #meio #manchetes2 #setas { height: 20px; margin: 4px 8px 0px 0px }
#site #meio #manchetes2 #destaque { height: 70px; margin: 10px 0px 0px 0px; border-top: solid 1px #e7e7e7; padding-top: 10px }
#site #meio #manchetes2 #destaque #foto { float: left }
#site #meio #manchetes2 #destaque #tx { float: left; width: 190px; margin: 6px 0px 0px 10px }
#site #meio #manchetes2 #destaque h2 { font-size: 16px; letter-spacing: -1px }



#site #meio #interna #charge { float: left; width: 410px;  height: 540px;margin: 0px 0px 0px 5px }
#site #meio #interna #charge_extra { float: left; width: 400px; margin: 15px 0px 0px 15px;  }
#site #meio #interna #charge_extra .charge_min{ float: left; width: 120px; margin: 0px 0px 0px 5px; }
#site #meio #interna .charge_paginacao { float: left; width: 400px; margin: 15px 0px 0px 15px; }


#site #meio #interna .charge_paginacao ul {margin: 0; padding: 0 11px; float: left; color: #000000; }
#site #meio #interna .charge_paginacao li {float: left; list-style: none; padding: 0 3px 0 0; margin: 0; color: #000000;}
#site #meio #interna .charge_paginacao a:link, #site #meio #interna .charge_paginacao a:visited, #site #meio #interna .charge_paginacao a:active { float: left; font-size: 13px; color: #000000;}

#site #meio #interna #diarinho { float: left; width: 350px;  height: 540px; margin: 0px 0px 0px 5px; }
#site #meio #interna #diarinho_extra { float: left; width: 450px; margin: 15px 0px 0px 15px;  }
#site #meio #interna #diarinho_extra .diarinho_min{ float: left; width: 120px;  height: 240px; margin: 0px 0px 0px 15px; text-align:center; color: #000000 }
#site #meio #interna .diarinho_paginacao { float: left; width: 400px; margin: 15px 0px 0px 15px; }


#site #meio #interna .diarinho_paginacao ul { margin: 0; padding: 0 11px; float: left; color: #000000;}
#site #meio #interna .diarinho_paginacao li { 	float: left;	list-style: none;	padding: 0 3px 0 0;	margin: 0;	color: #000000; }
#site #meio #interna .diarinho_paginacao a:link, #site #meio #interna .diarinho_paginacao a:visited, #site #meio #interna .diarinho_paginacao a:active { 	float: left; font-size: 13px; color: #000000;}


#site #meio #interna #listagem { float: left; width: 410px; margin: 0px 0px 0px 5px;}
#site #meio #interna #listagem_extra { float: left; width: 810px; margin: 15px 0px 0px 5px; }
#site #meio #interna #listagem_extra .listagem_min{ float: left; width: 120px;  padding: 5px; height:224px; overflow: hidden; text-align:center; letter-spacing:0.01cm; font-size:10px }
#site #meio #interna .listagem_paginacao { float: left; width: 400px; margin: 15px 0px 0px 15px; }
#site #meio #interna #listagem_extra .listagem_min_diarinho{ float: left; width: 220px; height:220px; overflow: hidden; padding: 5px; text-align:center; letter-spacing:0.01cm; font-size:10px }
#site #meio #interna .listagem_min_diarinho a:link, #site #meio #interna .listagem_min_diarinho a:visited, #site #meio #interna .listagem_min_diarinho a:active {color: #000000; }

#site #meio #interna .listagem_min a:link, #site #meio #interna .listagem_min a:visited, #site #meio #interna .listagem_min a:active { color: #000000;}
#site #meio #interna .listagem_paginacao ul { margin: 0; padding: 0 11px; float: left; color: #000000;}
#site #meio #interna .listagem_paginacao li { float: left; list-style: none; padding: 0 3px 0 0; margin: 0; color: #000000;}
#site #meio #interna .listagem_paginacao a:link, #site #meio #interna .listagem_paginacao a:visited, #site #meio #interna .listagem_paginacao a:active { float: left; font-size: 13px; color: #000000;}

#site #meio #interna #listagem_busca { float: left; width: 810px; margin: 15px 0px 0px 5px; border: 1px solid #00ff00}
#site #meio #interna #listagem_extra #resultados #data{ float: left;  padding: 5px; text-align:center; letter-spacing:0.01cm; font-size:8px;}

#site #meio #interna #listagem_extra #resultados h4{  letter-spacing:0.01cm; font-size:10px;}
#site #meio #interna .listagem_paginacao { float: left; width: 400px; margin: 15px 0px 0px 15px; }

#site #meio #interna #listagem_busca #resultados a:link, #site #meio #interna #listagem_busca #resultados  a:visited, #site #meio #interna #listagem_busca #resultados a:active { float: left; font-size: 16px; color: #000000; font-weight: normal;}

#site #meio #interna #social { float: left; width: 830px;  height: 540px; margin: 0px 0px 0px 5px;}
#site #meio #interna #social #foto { float: left; width: 800px; margin: 5px 0px 10px 0px;  }
#site #meio #interna #texto p{ margin: 10px 0px 0px 0px}
#site #meio #interna #texto { letter-spacing: 0px; color: #333; padding: 15px 25px 10px 0px}
 
#site #meio #interna #resultadobusca { margin: 20px 0px 20px 0px; width: 772px;;border:1px }
#site #meio #interna #resultadobusca h3 { font-size: 20px; font-weight: normal; margin: 15px 0px 15px 0px }
#site #meio #interna #resultadobusca p { letter-spacing: 0px; padding:0xp; margin:0px}
#site #meio #interna #resultadobusca #link { margin: 15px 0px 15px 0px }
#site #meio #interna #resultadobusca #link a { color: #ed1d24 }
#site #meio #interna #resultadobusca #link h4 { font-size: 18px; font-weight: normal }
#site #meio #interna #resultadobusca #link #data { font-size: 9px }

/*^interna ................................................................................ */

#site #meio #manchetes { float: left; width: 291px; margin: 0px 0px 0px 5px }
#site #meio #manchetes h1 { font-size: 26px; letter-spacing: -1px }
#site #meio #manchetes .vermelho { text-decoration: none; color: #ed1d24 }
#site #meio #manchetes .verde:hover { text-decoration: underline }
#site #meio #manchetes .verde { text-decoration: none; color: #197b30 }
#site #meio #manchetes .vermelho:hover { text-decoration: underline }
#site #meio #manchetes #setas { height: 20px; margin: 4px 8px 0px 0px }
#site #meio #manchetes #destaque { height: 70px; margin: 10px 0px 0px 0px; border-top: solid 1px #e7e7e7; padding-top: 10px }
#site #meio #manchetes #destaque #foto { float: left }
#site #meio #manchetes #destaque #tx { float: left; width: 190px; margin: 6px 0px 0px 10px }
#site #meio #manchetes #destaque h2 { font-size: 16px; letter-spacing: -1px }

#site #meio #ultimas { float: left; width: 236px; margin: 0px 10px 10px 10px; letter-spacing: -1px }
#site #meio #ultimas h1 { font-size: 18px; color: #999; margin-bottom: 16px; letter-spacing: -1 }
#site #meio #ultimas #data { font-size: 9px; letter-spacing: 0px }
#site #meio #ultimas #ultima { font-size: 13px; font-weight: bold; margin: 5px 0px 30px 0px }
#site #meio #ultimas #ultima a { text-decoration:none; color: #666 }
#site #meio #ultimas #ultima a:hover { text-decoration:underline }
#site #meio #ultimas #enquete { margin: 10px 0px 0px 0px; border-top: solid 1px #000 }
#site #meio #ultimas #enquete h2 { font-size: 16px; color: #000; margin-bottom: 10px }
#site #meio #ultimas #enquete fieldset { border:none; }
#site #meio #ultimas #enquete p { font-size: 14px; color: #000; margin: 2px 0px 0px 0px; letter-spacing: 0px }
#site #meio #ultimas #enquete label { display:block; margin: 8px 0px 0px 12px }
#site #meio #ultimas #enquete .votar {border: solid 0px ; width: 60px; height: 29px; background: #ed1d24; color: #fff; margin: 8px 0px 0px 12px}
#site #meio #ultimas #enquete .ver {border: solid 0px ; width: 60px; height: 29px; background: #464646; color: #fff; margin: 8px 0px 0px 12px}


#site #meio #capa { float: left; width: 153px; margin: 0px 0px 0px 0px }
#site #meio #capa #banners { width: 140px; height: 280px; padding: 15px 0px 0px 0px; margin-bottom: 15px }


#site #meio #quatrodestaques { clear:both; width: 707px; margin: 10px 0px 0px 20px; border-top: solid 3px #e7e7e7; font-size: 11px; color: #666; height: 180px }
#site #meio #quatrodestaques #destaque { float:left; width: 162px; margin-top: 10px; padding: 0px 10px 0px 0px }
#site #meio #quatrodestaques #destaque h2 { font-size: 16px; margin-bottom: 15px }
#site #meio #quatrodestaques #destaque a { color:#333; text-decoration:none }
#site #meio #quatrodestaques #destaque a:hover { text-decoration:underline }
#site #meio #quatrodestaques #destaque .vermelho { color: #FF0000 }
#site #meio #quatrodestaques #destaque .alaranjado { color: #FF6600 }
#site #meio #quatrodestaques #destaque .verde { color: #197b30 }
#site #meio #quatrodestaques #destaque .marrom { color: #7b2e00 }

#site #meio #cadernorevista { width: 707px; margin: 10px 0px 0px 20px }
#site #meio #cadernorevista #lado1 { float: left; width: 404px }
#site #meio #cadernorevista #lado1 #cadernob { background: #f1f1f1; font-size: 12px; border-bottom: solid 2px #39b54a; margin-bottom: 10px }
#site #meio #cadernorevista #lado1 #cadernob #tit { background: #39b54a; height: 28px; padding: 10px 0px 0px 10px; font-size: 16px }
#site #meio #cadernorevista #lado1 #cadernob #tit a { text-decoration: none; color: #fff }
#site #meio #cadernorevista #lado1 #cadernob #tit a:hover { text-decoration: underline }
#site #meio #cadernorevista #lado1 #cadernob a { color: #666 }
#site #meio #cadernorevista #lado1 #cadernob #destaque { margin: 10px 0px 10px 0px; height: 120px }
#site #meio #cadernorevista #lado1 #cadernob #destaque #foto { float: left }
#site #meio #cadernorevista #lado1 #cadernob #destaque #tx { float: left; width: 250px; margin: 6px 0px 0px 10px }
#site #meio #cadernorevista #lado1 #cadernob #destaque #tx h2 { font-size: 16px; letter-spacing: -1px }
#site #meio #cadernorevista #lado1 #cadernob #destaque #tx a { color: #39b54a }

#site #meio #cadernorevista #lado1 #destaque { margin: 10px 0px 10px 0px; height: 120px; border-bottom: solid 2px #e7e7e7 }
#site #meio #cadernorevista #lado1 #destaque #foto { float: left }
#site #meio #cadernorevista #lado1 #destaque #tx { float: left; width: 250px; margin: 6px 0px 0px 10px }
#site #meio #cadernorevista #lado1 #destaque #tx h1 { font-size: 18px; letter-spacing: -1px; font-weight: normal }
#site #meio #cadernorevista #lado1 #destaque #tx h2 { font-size: 16px; letter-spacing: -1px }
#site #meio #cadernorevista #lado1 #destaque #tx .vermelho { color: #f26522 }
#site #meio #cadernorevista #lado1 #destaque #tx .marrom { color: #790000 }


#site #meio #cadernorevista #lado2 { float: left; margin: 0px 0px 0px 5px }
#site #meio #cadernorevista #lado2 #revista { width: 284px; height: 530px; background: #f26522; font-size: 13px; padding: 10px 0px 0px 10px }
#site #meio #cadernorevista #lado2 #revista h1 { font-size: 18px; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px }
#site #meio #cadernorevista #lado2 #revista a { color: #fff }

#site #shopping { float: left; width: 135; margin: 0px 0px 0px 15px }
#site #shopping h1 { font-size: 18px; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; color: #ed1d24 }
#site #shopping .publicidade{ margin: 0px 0px 10px 0px }

#header_pop { margin: 0 auto; width: 100%; height: 50px }
#header_pop #logo { float: left; margin: 20px 300px 0px 12px }

#site_pop { width: 100%; margin: 0 auto }
#site_pop #meio_pop { float: left; width: 100%; height:100%; }
#site_pop #meio_pop #interna_pop{ margin: 10px 0px 0px 3px; font-size: 11px; color: #666; text-align:center}
#site_pop #meio_pop #interna_pop h1 { font-size: 16px; letter-spacing: -1px; font-weight: bold }
#site_pop #meio_pop #interna_pop input { font-size: 11px; border:1px solid #666; font-weight: normal }
#site_pop #meio_pop #interna_pop textarea { font-size: 11px; border:1px solid #666; font-weight: normal;  }



#base { width: 100%; height: 260px; background: #f1f1f1; clear:both; margin-top: 20px }
#base #rodape { width: 700px; margin: 0 auto }
#base #rodape #menu { font-size: 20px; color: #666; padding: 20px 0px 0px 0px; border-bottom: solid 1px #CCCCCC; height: 40px; word-spacing: 34px }
#base #rodape #menu a { color: #666 }
#base #rodape #busca { float: left; font-size: 18px; margin: 14px 0px 0px 0px; border-bottom: solid 1px #CCCCCC; height: 60px }
#base #rodape #busca fieldset { border:none }
#base #rodape #busca .campo { width: 410px; height: 23px; border: solid 1px #999; font-size: 16px; font-weight: bold; padding-top: 3px }
#base #rodape #busca .bt { background: #333; border: none; height: 29px; width: 100px; color: #fff }
#base #rodape #menu2 { font-size: 12px; color: #666; padding: 20px 0px 0px 0px; border-bottom: solid 1px #CCCCCC; height: 40px }
#base #rodape #menu2 a { color: #666 }
#base #rodape #diario { font-size: 12px; color: #666; padding: 20px 0px 0px 0px; text-align:center; height: 20px; font-size: 11px }
#base #rodape #diario a { color: #ed1d24 }



#pages {
	padding: 3px;
}
#pages ul {
	list-style-type: none;
}
#pages li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}
#pages li a {
	color: #751C1C;
	padding: 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	float: left;
}
#pages li a:hover {
	color: #892121;
	background: #FFD7D7;
	border: 1px solid #BF1C1C;
}
#pages li.nolink {
	color: #CCC;
	border: 1px solid #F3F3F3;
	padding: 4px;
}
#pages li.current {
	color: #FFF;
	border: 1px solid #E45858;
	padding: 4px;
	background: #E35959;
}