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

* { margin: 0; font-family: Arial, Helvetica, sans-serif }
a { text-decoration: none }
a:hover { text-decoration: 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; overflow: hidden; 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 #lateral { float: left; width: 126px }

#site #lateral #noticias { min-height: 200px; font-size: 11px; padding: 0px; margin-bottom: 10px }
#site #lateral #noticias strong { font-size: 14px; color: #ed1d24; text-transform:uppercase }
#site #lateral #noticias a { padding: 0px }
#site #lateral #noticias a:hover { padding: 0px; text-decoration:underline; background:none; color: #333 }

#site #lateral h1 { font-size: 24px; letter-spacing: -1px; border-bottom: solid 3px #e7e7e7; margin-bottom: 10px }
#site #lateral ul { list-style: none; padding: 0 }
#site #lateral li { font-size: 12px; font-weight: bold }
#site #lateral a { text-decoration: none; color: #666; display: block; padding: 5px 0px 0px 5px }
#site #lateral a:hover { background: #990000; color: #fff }

#site #lateral #colunista { height: 50px; width: 126px }
#site #lateral #colunista #foto { float: left }
#site #lateral #colunista #foto .f { border: solid 1px #CCCCCC; width:52px; height: 30px; padding: 0 }
#site #lateral #colunista #foto .f:hover { border: solid 1px #990000; width:52px; height: 30px; padding: 0 }
#site #lateral #colunista #nome { float: left; font-size: 11px; font-weight: bold; color: #ed1d24; padding: 5px 0px 0px 2px; width: 62px }

#site #lateral #primeirapagina { width: 126px; height: 210px; padding: 8px 0px 0px 0px; margin-bottom: 5px;}
#site #lateral #primeirapagina #data { font-size: 9px }
#site #lateral #primeirapagina a { text-decoration: none; color: #333; font-size: 12px; padding: 0 }
#site #lateral #primeirapagina a:hover { text-decoration: underline; background:none; color: #333; padding: 0 }


#site #meio { float: left; width: 730px;}

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

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

#site #meio #interna #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 #interna #barracomenta a { color: #ed1d24 }
#site #meio #interna #barracomenta #comentario { float: left; margin-left: 10px }
#site #meio #interna #barracomenta #comentarios { float: right; margin-right: 10px }

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

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

#site #interna #vejamais hr { height: 1px; color: #ff6600; padding: 0 }
#site #interna #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 #interna #vejamais #mais a { color: #fff }

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

#site #meio #manchetes { float: left; width: 305px; margin: 0px 0px 0px 10px }
#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: 385px; margin: 0px 10px 5px 5px; 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: 0px 0px 10px 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: 700px; margin: 20px 0px 0px 15px; border-top: solid 3px #e7e7e7; font-size: 11px; color: #666; height: 180px }
#site #meio #quatrodestaques #destaque { float:left; width: 160px; 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  #vejamais { margin: 20px 0px 20px 15px; width: 700px; }
#site #meio  #vejamais h3 { font-size: 18px; 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: 14px; font-weight: normal }
#site #meio  #vejamais #link #data { font-size: 9px }


#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 8px }
#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 }