@import URL(internas.css);
/*
desenvolvedor: Delano Marçal 
data: 24/11/2012
e-mail do desenvolvedor: delanomarcal@hotmail.com
site do desenvolvedor: www.delanomarcal.com
contato do desenvolvedor: 55 83 8846 5889
*/
/*############# reset ###############*/
* { list-style: none; margin: 0; padding: 0; border: none; outline: none; color: #000000; text-decoration:none; }
html    {  font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(../images/bg_menu.jpg) repeat-x 0 165px; }
body    { width:100%; float:left;}
#logo   { width:235px; height: 83px; float:left; margin:26px 0;   }
#logo a { width:235px; height: 83px; float:left;  background:url(../images/logomarca.jpg) no-repeat 0 0;  } 
/*############# grids ###############*/
.grid-1                 { width: 60px; }
.grid-2                 { width: 140px; }
.grid-3                 { width: 220px; }
.grid-4                 { width: 300px; }
.grid-5                 { width: 380px; }
.grid-6                 { width: 460px; }
.grid-7                 { width: 540px; }
.grid-8                 { width: 620px; }
.grid-9                 { width: 700px; }
.grid-10                { width: 780px; }
.grid-11                { width: 860px; }
.grid-12                { width: 940px; }
.grid-13                { width: 960px; }
.grid-14                { width: 970px; }
.grid-15                { width: 980px; }
.grid-16                { width: 998px; }
/*############# classes ###############*/
.none                   { display:none; }
.box                    { float: left; margin: 0 10px 0 10px; }
.alpha                  { margin-left: 0 !important; }
.omega                  { margin-right: 0 !important; }
.beta                   { border-left: 0 !important; }
.gama                   { border-right: 0 !important; }
.wrapper                { width: 998px; margin: 0 auto; text-align: left; }
.clear                  { clear: both; }
.float-right            { float: right; }
.float-left             { float: left; }
.clearFix:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.titulos                { width:100%; background: #488EB2; float:left; margin-bottom:10px; }
.titulos span           { background:#2F6E8F; padding:7px 10px; float:left; color:#FFF; font-size:18px; }
.btn_ver                { width:252px; float:left; border-top: 1px dotted #dbdbdb; border-bottom: 1px dotted #dbdbdb; padding:4px 0; color: #01498f; margin: 5px 0; text-align:center; }
.btn_ver:hover          { background: #E7E7E7; color: #000; }
.twtr-ft, .twtr-hd      { display: none; }
.fb-like-box            { margin-top:10px; }
/*################# banners #####################*/
.banner_728x90         { width:728px; height:90px; float:right; margin:0 0 20px 0; }
.banner_728x90 img     { width:728px; height:90px; float:left; }
#b_topo { float: right; margin: 10px 0 0 0; }
.banner_250x250        { width:250px; height:275px; float:left; margin:0 10px 10px 10px;  }
.banner_250x250 img    { width:250px; height:250px; float:left; }
.banner_200x75         { width:200px; height:75px; float:left; margin:0 0 0 20px; }
.publi                 { float:right; margin:10px 0 0 0; }
.banner_120X60 { width120px; height: 60px; float: left; margin: 10px 0 10px 60px; }
/*################# h's #####################*/
h3 { font-size:12px; }
h4 { font-size:18px; color:#01458e;  }
/*############# topo ###############*/
header#topo            { margin: 0 auto;  }
#menu                  { width:100%; float:left; height: 30px; margin-bottom: 20px; }
#menu li               { height:30px; float:left; }
#menu li a             { height:10px; float:left; display:inline; padding:7px 20px 18px 21px; color:#FFF; font-size:16px; text-transform:uppercase;  }
.um       { background: #be292a; }
.dois     { background: #204d93; }
.tres     { background: #346702; }
.quatro   { background: #ff9900; }
.cinco    { background: #9152bd; }
.seis     { background: #486b64; }
.sete     { background: #000000; }
.oito     { background: #878787; padding:7px 20px 18px 22px !important;  } 
.um:hover       { background: #d02c2d; }
.dois:hover     { background: #2559a9; }
.tres:hover     { background: #428302; }
.quatro:hover   { background: #ffb03a; }
.cinco:hover    { background: #a25cd2; }
.seis:hover     { background: #578178; }
.sete:hover     { background: #202020; }
.oito:hover     { background: #aeadad; }
.cum       { color: #be292a; }
.cdois     { color: #204d93; }
.ctres     { color: #346702; }
.cquatro   { color: #ff9900; }
.ccinco    { color: #9152bd; }
.cseis     { color: #486b64; }
.csete     { color: #000000; }
.coito     { color: #878787; } 
/*############# container ###############*/
#cont_left { width: 728px; float:left; margin:10px 0; position:relative; }
#manchetes { width:728px; height:auto; float:left; position:relative;  }
.destaque { width: 360px; height:250px; float:left; margin:0 10px 10px 0;  }
.destaque a img { width: 360px; height:250px; float:left;   }
#legenda1 { width: 340px; background:url(../images/transparencia.png) repeat; padding:2px 10px; float:left; position:absolute; left:0; top:212px; font-size:15px; }
#legenda1 a { color:#FFF; }
.destaque > h3 { width:358px; float:left; position:absolute; top:0; left:370px;}
.destaque > h2 { width:358px; float:left; position:absolute; top:15px; left:370px; line-height:20px; font-size:20px; height:68px; }
.numbers, .numbers2 { width:30px;  height:30px; float:left; position:absolute;  left:322px; top:7px; z-index:7777; }
.numbers a, .numbers2 a { width:18px; height:18px; float:left; font-size:16px; font-weight:600; color:#fff; border:1px solid #666666; padding:8px 0 3px 12px; margin-bottom:5px!important; }
.numbers a:hover, .numbers2 a:hover, .activeSlide {  background: #346702; color:#fff !important;  }
  
#cont_dir { width:358px; float:right; margin-top:75px; }
#cont_dir h2 { font-size:22px; font-weight:600; line-height:21px; }
#cont_dir h2 a { color:#000;  }
#form_busca { width:250px; height: 40px; float:right;  }
#form_busca input#digite { width:180px; height:28px; float:left; border: 1px solid #004B8A; margin:3px 0 0 0; color: #004B8A; text-transform: lowercase; }
#form_busca input#btn_busca { height:30px; float:left; background:#CCC; padding:3px 5px; margin:3px 0 0 0; cursor: pointer; color:#004B8A; font-weight:600; }
ul#list_destaques { width:100%; float:left; }
ul#list_destaques li { width:100%; float:left; margin-top:10px; }
ul#list_destaques li p a { width:100%; font-size:16px; } 
.list_materias          { width:728px; height:auto; float:left; margin:30px 0 0 0;  }
.list_materias li       { width:235px; float:left; margin-right:10px; }
.list_materias li:last-child { margin:0; }
.list_materias a.foto_noticia  { width:235px; height:125px; float:left; overflow:hidden; margin-bottom:5px; }
.list_materias a img    { width:235px; float:left; margin-bottom:10px; }
.list_materias h3       { width:inherit; float:left; }
.list_materias p a      { font-size:16px; font-weight:600; float:left;   }
#divisao_tres { width:728px; float:left; margin:25px 0; position: reletive; }
#divisao_tres li { width:235px; float:left; margin:0 10px 0 0; }
#divisao_tres li:last-child { margin-right: 0; }
.Enqverde, .Enqvermelho, .Enqlaranja { position: relative; left: -300px;  }
form#formEnquete, .enquete  { width: 100%; float: left;  margin:2px 0; position: relative; padding-bottom: 25px; overflow: hidden; }
form#formEnquete p { width: 100%;  font-weight:600; font-size:15px; margin:3px 0 10px 0; color:#000; overflow: hidden;  }
form#formEnquete span { width: 100%; float:left; display: inline; margin:3px 0; }
form#formEnquete input.radio { width: 10px; float: left; display:inline;   margin: 4px 8px 0 0; }
form#formEnquete label { font-size:13px; font-weight:600; float: left; display:inline; width:200px; color:#00316A; text-align:left;  }
.votar { width: 95px; height: 30px; background: #7BCA35; float:left; display: inline; margin: 10px 8px 0 0; color: #FFFFFF; cursor: pointer; font-size:18px;  }
.parse { width: 95px; height: 30px; background: #7BCA35; float:left; display: inline; margin: 10px 0 0 0; color: #FFFFFF; cursor: pointer;  font-size:18px;}
.votar:hover, .parse:hover { background: #c7c7c7 !important; color: #000;  }
#mns_enquete { height:40px; position: absolute; bottom:-11px; line-height:12px; }
#resultEnquete li p span {  position: relative;   } 
 
ul#resultEnquete li { width: 100%; float: left; height: 30px; position:relative; margin-bottom:10px;  }
ul#resultEnquete li p { width: 100%; float: left; height:12px; background: #F7F7F8;  }
ul#resultEnquete li  p span {  height:12px !important; font-size:12px; float: left  !important; margin:0  !important;    }
.Enqverde       { background: #84CE4B !important; }
.Enqlaranja   { background: #FF9900 !important; }
.Enqvermelho { background: #BE292A !important; }  
 
#list_vid { width:235px; float:left; margin:10px 0;  }
#list_vid p { font-size:16px; font-weight:bold; }
/*############# coluna direita do site ###############*/
#col_dir { width: 252px; float:left; margin:10px 0 0 10px; }
#colunistas_home { width:100%; float:left; display:block; }
#colunistas_home li { width:100%; height: 63px; overflow:hidden; float:left; background: #f2f2f2; margin-bottom:5px; }
#colunistas_home li a img { width:56px; height: 63px; float:left; margin:0 10px 0 0; }
#colunistas_home li h2 { font-size:14px; font-weight:bold; margin: 5px 0 0 0; }
#colunistas_home li p { line-height:14px; }
#colunistas_home li:hover { background:#e6e6e6; }
#mais_lidas  { width:100%; float:left; margin:10px 0; }
ul#list_mais { width:100%; float:left; display:block; margin:10px 0; }
ul#list_mais li { margin:5px 0; float:left;  }
ul#list_mais li span a { padding:10px 20px; background: #01458e; float:left; margin-right:10px; color: #fff; font-size:20px;  }
ul#list_mais li p a { font-size:14px; color: #01458e; font-weight: 500; }
/*############# rodape ###############*/
#rodape     { width:100%; height:148px; background: #f3f3f3; float:left; margin-top:10px; position:relative; }
#redes      { width:135px; height:35px; float:left; margin:0 0 0 421px; position: absolute; top:23px; left: 50%; }
#redes li   { width:33px; height:33px; float:left; display:inline; margin-right:11px; }
#redes li a { width:33px; height:33px; float:left; background-image: url(../images/sprite_social.png); background-repeat:no-repeat; text-indent: -999em; position:relative; }
.rum              { background-position: 0 0; }
.rdois            { background-position: -46px 0; }
.rtres            { background-position: -91px 0; }   
.rquatro          { background-position: -136px 0; }
.rum:hover        { background-position: 0 -37px; }
.rdois:hover      { background-position: -46px -37px; }
.rtres:hover      { background-position: -91px -37px; }   
.rquatro:hover    { background-position: -136px -37px; }
#menu_down       { width:830px; float:left; position:absolute; top:24px; left:50%; margin: 0 0 0 -500px; }
#menu_down li    { height:30px; float:left; }
#menu_down li a  { height:10px; float:left; padding:7px 8px 18px 8px; color:#01458e; font-size:18px; text-transform:uppercase;  }
#menu_down li a:last-child  { height:10px; float:left;  }
#rodape p { text-align: center; color:#2595cc; margin: 109px 0 0 0; }
.desenvolvedor { width:30px; height:28px; float:left; position:absolute; top:105px; left:50%; margin:0 0 0 475px; background:url(../images/delanomarcal.png) no-repeat; }