Consigo colocar a BOX sem problema, porem quando faço isso o espaço era para aparecer a noticia fica fora do modelo desejado. è o seguinte vou colocar os arquivos aqui, avaliem e me digam onde eu concerto isso: Esse o STYLE.CSS, faz ligação com GRID.CSS @import"reset.css";
@import"pro_pages_style.css";
@import"grid.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"jquery.snippet.min.css";
@import"skin/blue.monday/jplayer.blue.monday.css";
@import"css/smoothness/jquery-ui-1.8.17.custom.css";
@import"superfish.css";
body {
font:13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#787878;
position:relative;
min-width:980px;
background:url(images/tail-body.gif);
}
html, body {
height:100%;
}
/* Global Structure---------------------------------------- */
.main {
margin:0 auto;
width:950px;
position:relative;
}
.container_24 {
position:relative;
}
/*----- txt,links,lines,titles -----*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Tinos', serif;
color:#222222;
font-weight:normal;
padding-bottom:16px;
text-shadow:1px 1px 2px #c6c6c6;
letter-spacing:-1px
}
h1 {
font-size:45px;
line-height:48px;
}
h2 {
font-size:41px;
line-height:44px;
}
h3 {
font-size:36px;
line-height:38px;
padding-bottom:26px
}
h4 {
font-size:24px;
line-height:28px;
padding-bottom:16px
}
h5 {
font-size:18px;
line-height:24px;
text-shadow:none;
padding-bottom:7px
}
h6 {
font-size:16px;
line-height:22px;
}
a {
color:#787878;
outline:none;
cursor:pointer;
text-decoration:none
}
a:focus {
outline:none;
}
a:hover {
text-decoration:inherit
}
.clear {
clear:both;
line-height:0;
font-size:0;
overflow:hidden;
height:0;
width:100%;
margin:0;
padding:0;
display:block;
}
.wrapper {
width:100%;
overflow:hidden;
position:relative;
}
.extra-wrap {
overflow:hidden;
display:block;
}
p {
padding-bottom:24px;
}
p > a {
color:#000;
font-weight:bold;
text-decoration:underline
}
p > a:hover {
text-decoration:none
}
.p0 {
padding-bottom:0 !important;
}
.p {
padding-top:1px
}
.p1 {
padding-top:2px
}
.p2 {
padding-top:3px
}
.p3 {
padding-top:4px
}
.p4 {
padding-top:5px
}
.p5 {
padding-top:6px
}
.p6 {
padding-top:7px
}
.p7 {
padding-top:8px
}
.p8 {
padding-top:9px
}
.p9 {
padding-top:10px
}
.p10 {
padding-top:11px
}
.p11 {
padding-top:12px
}
.p12 {
padding-top:14px
}
.p13 {
padding-top:16px
}
.p14 {
padding-top:18px
}
.p15 {
padding-top:20px
}
.p16 {
padding-top:22px
}
.padd-1 {
padding-top:24px;
}
.padd-2 {
padding:7px 0 18px 59px;
}
.padd-3 {
padding-right:30px;
}
.m1 {
margin-top:-1px
}
.m2 {
margin-top:-3px
}
.m3 {
margin-top:-5px
}
.fleft {
float:left
}
.fright {
float:right
}
.alignright {
text-align:right
}
.aligncenter {
text-align:center
}
.overflow {
overflow:hidden
}
.line-h {
line-height:16px;
}
.line-h1 {
line-height:20px;
}
.color-1 {
color:#d1d1d1
}
.color-2 {
color:#b5b5b5
}
.color-3 {
color:#575757
}
.color-4 {
color:#787878 !important
}
.text-t {
text-transform:uppercase
}
.d-block {
display:block
}
.d-in-block {
display:inline-block
}
.z1 {
z-index:1
}
.z2 {
z-index:2
}
.z3 {
z-index:3
}
/* Typography */
/*********************************boxes**********************************/
article.a1 {
margin:0 10px;
}
.spacer {
margin:0 10px 0 0 !important;
}
.spacing {
padding:0 0 25px 0;
}
.img-indent {
float:left;
margin:1px 20px 0 0;
}
.img-indent1 {
float:left;
margin:5px 20px 0 0;
}
.img-indent2 {
float:left;
margin:3px 16px 0 0;
}
.img-indent3 {
float:left;
margin:5px 20px 0 0;
}
.img-indent-bot {
margin-bottom:35px;
}
.img-indent-l {
float:left;
margin:3px 20px 0 0;
}
.img-indent-r {
float:right;
margin:3px 0 0 20px;
}
.indent-in {
padding:5px;
}
.inner-r {
padding-right:12px;
}
/*********************************header*************************************/
#page1 header {
background:url(images/tail-top.gif) repeat-x 0 0 #fff;
padding-top:3px;
padding-bottom:0px
}
header {
background:url(images/tail-top1.gif) repeat-x 0 0 #fff;
position:relative;
padding-top:3px;
padding-bottom:8px
}
.logo {
display:inline-block;
width:204px;
height:57px;
background:url(images/logo.png) no-repeat center 0;
overflow:hidden;
text-indent:-999em;
float:left;
margin-left:2px
}
nav {
position:relative;
z-index:25;
float:right;
padding:9px 14px 0 0;
}
#page1 .glow-1 {
min-height:325px
}
.glow-1 {
padding-top:37px;
background:url(images/glow-1.png) no-repeat center 0;
min-height:104px
}
/********************** Content style ************************/
section#content {
padding:56px 0 47px;
background:#fff;
position:relative;
z-index:20;
}
#page1 section#content {
padding:41px 0 0;
}
#page2 section#content, #page3 section#content, #page4 section#content {
padding:56px 0 0;
}
#page5 section#content {
padding:56px 0;
}
.inner-1 {
padding:20px;
}
.inner-2 {
padding-left:21px;
}
.inner-3 {
padding-left:40px;
}
.row-1 {
padding-bottom:38px
}
#page4 .row-1 {
padding-bottom:46px
}
#page4 .row-2 {
padding-bottom:15px
}
#page1 .row-2 {
padding-bottom:1px
}
.row-2 {
background:#f7f9f7;
padding-top:44px;
padding-bottom:34px
}
#page2 .row-2 {
padding-top:43px
}
.w1 {
width:120px;
}
.box-new {
background:#222222;
display:block;
padding:14px 12px 13px
}
.box-new .date {
background:#040404;
width:58px;
text-align:center;
color:#fff;
text-transform:uppercase;
display:inline-block;
padding:8px 0 4px;
}
.box-new .date span {
display:block;
font-size:12px;
line-height:14px
}
.box-new .date strong {
display:block;
font-size:30px;
line-height:32px;
margin-top:-4px
}
.box-new p strong a {
color:#fff;
display:inline-block
}
.box-new p strong a:hover {
text-decoration:underline
}
.box-new p {
display:inline-block;
padding:16px 1px 0 9px;
color:#606060;
width:730px
}
.txt-1 {
font-weight:bold;
color:#b5b5b5
}
.date-1 {
font-family: 'Tinos', serif;
text-align:center;
color:#000;
text-shadow:1px 1px 2px #bfbdbd;
padding-top:8px;
display:block
}
.date-1 span {
display:block;
font-size:12px;
text-transform:uppercase;
line-height:14px
}
.date-1 strong {
display:block;
font-size:30px;
text-transform:uppercase;
line-height:32px;
margin-top:-3px
}
.box-1 {
width:230px;
float:left;
padding:5px 5px 23px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.box-1 figure {
margin-bottom:4px
}
.box-1 .link-2 {
color:#787878
}
.box-img {
padding:4px;
background:#dadada;
display:inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.box-1:hover {
background:#fff
}
.box-1:hover .box-img {
background:#f0f0f0;
}
.border-1 {
background:url(images/border-1.gif) repeat-y 0 0
}
/********************** aside ************************/
aside {
background:url(images/tail-aside.gif);
border-top:8px solid #030303;
}
aside h5 {
color:#fff
}
.list-aside {
}
.list-aside li {
line-height:24px
}
.list-aside li a {
color:#787878;
display:inline-block;
}
.list-aside li a:hover {
color:#fff
}
.glow-2 {
background:url(images/glow-2.png) no-repeat center bottom;
padding:27px 0 34px
}
/********************** links ************************/
.link-1 {
color:#222222;
font-size:13px;
line-height:16px;
display:inline-block;
background:url(images/bg-link1.png) no-repeat 0 0px;
padding:2px 0 4px 25px;
text-decoration:none
}
.link-1:hover {
background:url(images/bg-link1.png) no-repeat 0 -39px;
text-decoration:none
}
.link-2 {
display:inline-block;
background:none;
padding:0;
width:auto;
text-decoration:none;
color:#b5b5b5;
font-size:13px;
line-height:24px;
}
.link-2:hover {
color:#00a8c2 !important;
text-decoration:underline
}
.link-3 {
color:#181818;
display:inline-block;
font-size:24px;
line-height:28px;
text-decoration:none;
margin-bottom:3px;
}
.link-3:hover {
text-decoration:underline
}
.button {
background:url(images/tail2-button.gif) repeat-x 0 0 #222222;
box-shadow: 1px 1px #000;
-moz-box-shadow: 1px 1px #000;
-webkit-box-shadow: 1px 1px #000;
padding:4px;
display:inline-block;
border-left:1px solid #313131;
}
.button span {
background:url(images/tail1-button.gif) repeat-x 0 0 #000000;
border-left:1px solid #0d0d0d;
box-shadow: 1px 1px #313131;
-moz-box-shadow: 1px 1px #313131;
-webkit-box-shadow: 1px 1px #313131;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:inline-block;
font-size:13px;
line-height:18px;
color:#fff;
position:relative;
text-decoration:none !important;
padding: 8px 20px 9px;
font-weight:normal;
}
.button:hover {
background:url(images/tail2-button.gif) repeat-x 0 bottom #222222;
}
.button:hover span {
background:url(images/tail1-button.gif) repeat-x 0 bottom #272727;
}
.button-1 {
background:#e1ded9;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:9px 12px 7px;
display:inline-block;
font-size:12px;
line-height:18px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
color:#000;
font-weight:bold;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
box-shadow: 1px 1px #b9b7b2;
-moz-box-shadow: 1px 1px #b9b7b2;
-webkit-box-shadow: 1px 1px #b9b7b2;
text-transform:uppercase;
}
.button-1:hover {
background:#7a7a7a;
color:#fff
}
/* Accordion */
dl#accordion-1 {
list-style-type:none;
margin:0 0 3px;
padding:0;
height:auto !important;
background:url(images/tail-1.gif) repeat-x 0 bottom;
width:270px;
}
dl#accordion-1 a {
display:block;
}
dl#accordion-1 dt {
margin:0px;
padding:13px 0 15px !important;
line-height:22px;
background:url(images/tail-1.gif) repeat-x 0 0
}
dl#accordion-1 > dt > a {
font-family: 'Tinos', serif;
color:#222222;
padding:0;
font-weight:normal;
display:block;
font-size:20px;
text-decoration:none;
font-style:normal;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-shadow:1px 1px 2px #c9c9c9
}
dl#accordion-1 > dt > a:hover {
color:#b4b4b4
}
dl#accordion-1 dt.active a {
color:#b4b4b4
}
dl#accordion-1 dd {
display:none;
margin-bottom:0;
padding-left:0
}
dl#accordion-1 dd .indent {
padding:4px 0 22px 0 !important
}
/* tabs ======= */
.tabs-1 {
height:243px !important;
position:relative;
}
.tabs-1 .tab-content1 {
padding-top:17px;
}
.tabs-1 .tab-content1 p {
padding-bottom:19px
}
.tabs-menu {
display:block;
overflow:hidden;
background:#fbfcfb;
padding:5px;
border:1px solid #ececec
}
.tabs-menu li {
line-height:20px;
display:inline-block;
margin-right:2px;
}
.tabs-menu li.last {
border:none;
}
.tabs-menu li a {
font-family: 'Tinos', serif;
color:#000;
font-size:20px;
text-shadow:1px 1px 1px #bbbbbb;
padding:12px 19px 14px;
display:block;
}
.tabs-menu li a:hover, .tabs-menu li.selected a {
color:#fff;
background:url(images/tail-tab-li.gif) repeat-x 0 0 #242424;
text-shadow:none;
box-shadow: 1px 1px 1px #b6b5b5;
-moz-box-shadow: 1px 1px 1px #b6b5b5;
-webkit-box-shadow: 1px 1px 1px #b6b5b5;
}
/******************* carousel ***************/
.carousel-box {
height:257px;
padding:8px 0 0px;
width:960px;
position:relative;
}
.carousel-1 {
width:960px !important;
height:260px;
overflow:hidden;
}
.carousel-1 li {
width: 230px !important;
height: 260px;
margin:0 5px;
position:relative;
}
.carousel-1 li .link-2 {
color:#787878
}
.carousel-1 li .link-2:hover {
color:#00a8c2
}
.carousel-1 ul {
overflow:hidden;
}
.carousel-1 figure {
margin-bottom:22px;
}
.carousel-1 img {
width: 222px;
height: 121px;
position:relative;
}
#next, #prev {
display: block;
height: 21px;
width: 21px;
top: -39px;
position: absolute;
cursor:pointer;
z-index:10
}
#next {
background: url(images/next.png) no-repeat 0 0;
right: 1px;
}
#next:hover {
background: url(images/next.png) no-repeat 0 bottom;
}
#prev {
right:25px;
background:url(images/prev.png) no-repeat 0 0;
}
#prev:hover {
background:url(images/prev.png) no-repeat 0 bottom;
}
.disabled {
cursor:default !important;
}
#next.disabled:hover {
background: url(images/next.png) no-repeat 0 0;
}
#prev.disabled:hover {
background:url(images/prev.png) no-repeat 0 0;
}
/* Lists */
.list-1 {
}
.list-1 li {
line-height:24px;
background:url(images/tail-1.gif) repeat-x 0 bottom;
display:block;
padding:0 0 9px;
margin-bottom:5px
}
.list-1 li a {
background:url(images/marker-1.png) no-repeat 0 6px;
padding-left:28px;
font-size:13px;
color:#b5b5b5;
display:inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight:bold
}
.list-1 li a:hover {
color:#00a8c2;
}
.list-2 {
background:url(images/tail-1.gif) repeat-x 0 bottom;
}
.list-2 li {
margin:0px;
padding:13px 0 15px;
line-height:22px;
background:url(images/tail-1.gif) repeat-x 0 0
}
.list-2 li a {
font-family: 'Tinos', serif;
color:#222222;
padding:0;
font-weight:normal;
display:inline-block;
font-size:20px;
text-decoration:none;
font-style:normal;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-shadow:1px 1px 2px #c9c9c9
}
.list-2 li a:hover {
color:#b4b4b4
}
/********************** Table Content ************************/
.table-1 {
margin-top:10px;
border:1px solid #d5d5d6;
width:590px;
background:#f7f9f7;
}
.table-1 tr th {
background:url(images/tail-table-th.gif) repeat-x 0 0 #030303;
border-right:1px solid #3b3b3b;
border-bottom:1px solid #6a6a6a;
border-top:none;
padding: 14px 0 16px;
color:#fff;
line-height:16px;
text-transform:none;
font-size:13px;
font-weight:normal
}
.table-1 tr th.last {
border-right:none
}
.table-1 th {
background:none
}
.table-1 tr td {
background:none
}
.table-1 tr td.last {
border-right:none
}
.table-1 tr.last td {
border-bottom: none;
}
.table-1 tr td {
border-right:1px solid #d1d2d2;
border-bottom:1px solid #d1d2d2
}
.table-1 tr td {
color:#787878;
font-size:13px;
line-height:20px;
padding:11px 0 14px;
vertical-align:middle
}
.table-1 tr td strong {
color:#b5b5b5
}
.table-1 tr td a {
color:#787878;
font-size:13px;
line-height:20px;
}
.table-1 tr td a:hover {
color:#00a8c2
}
.table-1 tr .coll-4 {
width:68px
}
{
width:68px;
}
.table-1 tr th {
text-align:center
}
.table-1 tr .coll-1 {
text-align:left;
width:99px;
padding-left:11px
}
.table-1 tr th.a1 {
width:103px;
}
.table-1 tr th.a2 {
width:64px;
}
.table-1 tr .coll-2 {
padding-left:11px;
width:59px;
text-align:left;
padding-right:4px
}
.table-1 tr th.a3, .table-1 tr .coll-3 {
width:64px;
text-align:center;
}
.table-1 tr .coll-3, .table-1 tr .coll-4, .table-1 tr .coll-6 {
color:#00a8c2
}
.table-1 tr th.a4, .table-1 tr .coll-4 {
width:54px;
text-align:center;
}
.table-1 tr th.a5 {
width:125px;
}
.table-1 tr .coll-5 {
width:118px;
text-align:left;
padding-left:7px;
}
.table-1 tr th.a6, .table-1 tr .coll-6 {
width:54px;
text-align:center
}
.table-1 tr th.a7 {
width:122px;
}
.table-1 tr .coll-7 {
width:111px;
padding-left:11px;
text-align:left;
}
/*----- map -----*/
.map {
margin:7px 0 19px 0;
background: #DADADA;
display: inline-block;
padding: 4px;
}
.map iframe {
height:271px;
overflow: hidden;
width:260px;
background:none
}
/*----- address -----*/
dl.adress {
}
.adress dt {
color:#b5b5b5;
font-size:13px;
line-height:24px;
font-weight:bold;
padding:0 !important
}
dl.adress dd {
color:#787878;
font-size:13px;
line-height:24px;
padding:0;
}
.adress dd span {
width:91px;
display:inline-block
}
.mail-1 {
font-size:13px;
color:#787878;
text-decoration:underline;
display:inline-block;
line-height:24px;
}
.mail-1:hover, .mail-2:hover {
text-decoration:none
}
.mail-2 {
color:#212121;
text-decoration:none;
display:inline-block;
}
/* Header styles */
.relative {
position:relative;
}
.dropcap_1 {
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:36px;
line-height:38px;
color:#fff;
margin:2px 20px 0 0;
font-weight:bold;
background:url(images/bg-dopcap.gif) no-repeat 0 0;
width:51px;
padding:7px 0 16px;
text-align:center;
}
.policy {
padding:0 0 2px 0;
}
.policy p {
}
/* Buttons */
.link {
color:#5ca70f !important;
text-decoration: underline !important;
}
.link:hover {
text-decoration: none !important;
}
/*search*/
#main-search {
display:block
}
#main-search .rowElem, #search-404 .rowElem, #search-1 .rowElem {
padding:4px 3px 3px;
display:inline-block;
position:relative;
height: 36px;
width: 321px;
background:url(images/tail-part-search.gif) repeat-x 0 0 #1d1d1d;
box-shadow: 1px 1px #000;
-moz-box-shadow: 1px 1px #000;
-webkit-box-shadow: 1px 1px #000;
border-left:1px solid #313131;
}
#search-404 .rowElem {
width:233px;
}
#search-404 .rowElem input {
width:180px !important;
}
.search {
padding-bottom:23px
}
#search-1 {
margin-right:1px
}
#main-search input, #search-404 .rowElem input, #search-1 .rowElem input {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:inline-block;
font-size:13px;
line-height:18px;
color:#fff;
position:relative;
text-decoration:none !important;
padding: 9px 8px 10px;
font-weight:normal;
border-top:none;
border-right:none;
border-bottom:none;
border-left:1px solid #060606;
margin:none;
outline:none;
background:url(images/tail-item.gif) repeat-x 0 0 #000000;
border-left:1px solid #000;
box-shadow: 1px 1px #313131;
-moz-box-shadow: 1px 1px #313131;
-webkit-box-shadow: 1px 1px #313131;
width:268px;
height:16px
}
#search-1 .rowElem input {
background:url(images/tail-search-2.gif) repeat-x 0 0;
border-left:1px solid #5a5a5a;
box-shadow: 1px 1px #656565;
-moz-box-shadow: 1px 1px #656565;
-webkit-box-shadow: 1px 1px #656565;
width:266px
}
#main-search a, #search-404 .rowElem a, #search-1 a {
position:absolute;
right:6px;
top:10px;
background:url(images/lenz.png) no-repeat 0 0;
width:25px;
height:25px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#main-search a:hover, #search-404 .rowElem a:hover, #search-1 a:hover {
background:url(images/lenz.png) no-repeat -35px 0px;
}
/******************** contact-form ******************/
#contact-form-1 {
display:block;
position:relative;
padding:7px 0 0 0;
width:589px
}
#contact-form-1 fieldset {
display:block;
}
#contact-form-1 label {
display:block;
position:relative;
height:43px;
margin-bottom:7px;
background:url(images/tail-label.gif) repeat-x 0 0;
overflow:hidden;
box-shadow: 1px 1px #000;
-moz-box-shadow: 1px 1px #000;
-webkit-box-shadow: 1px 1px #000;
}
#contact-form-1.label {
display:block;
overflow:hidden;
webkit-background-clip: padding-box;
}
#contact-form-1 label.message {
height:auto;
margin:0;
background:url(images/tail-label2.gif) repeat-x 0 0 !important;
}
#contact-form-1 .message .label {
width:auto;
}
#contact-form-1 input {
float:left;
width:471px;
font-size:13px;
color:#fff;
padding:9px 10px 10px;
margin:4px 0 4px;
outline:none;
resize:none;
position:relative;
background:url(images/tail-form-input.gif) repeat-x 0 0;
-webkit-background-clip:padding-box;
height:16px;
border-left:1px solid #5a5a5a;
border-top:none;
border-right:none;
border-bottom:none;
box-shadow: 1px 1px #656565;
-moz-box-shadow: 1px 1px #656565;
-webkit-box-shadow: 1px 1px #656565;
border-radius:0
}
#contact-form-1 textarea {
float:left;
height:235px;
overflow:auto;
width:471px;
font-size:13px;
color:#fff;
padding:10px 10px;
margin:4px 0 4px;
outline:none;
resize:none;
position:relative;
border-left:1px solid #5a5a5a;
border-top:none;
border-right:none;
border-bottom:none;
background:url(images/tail-form-input1.gif) repeat-x 0 0;
-webkit-background-clip:padding-box;
box-shadow: 1px 1px #656565;
-moz-box-shadow: 1px 1px #656565;
-webkit-box-shadow: 1px 1px #656565;
}
#contact-form-1 .empty, #contact-form-1 .error {
display:none;
color:#fff;
font-size:11px;
line-height:12px;
position:absolute;
top:3px;
right:5px;
text-align:right
}
#contact-form-1 label.message .empty, #contact-form-1 label.message .error {
left:98px;
top:243px;
text-align:left
}
#contact-form-1 .success {
display:none;
font-size:13px;
line-height:18px;
padding:0;
top:-10px;
left:100px;
position:absolute;
color:#131313;
background:none !important;
background-image:none !important;
border:none;
box-shadow:none
}
.buttons {
padding:31px 0 0 0;
text-align:right;
overflow:hidden;
}
.buttons a {
margin-left:14px;
}
.text-form {
float:left;
display:block;
width:81px;
font-size:13px;
line-height:16px;
color:#fff;
margin-left:12px;
padding-top:13px
}
/*main-slider*/
#main-slider {
width:950px;
height:372px;
position:relative;
overflow:hidden;
background:url(images/bg-slider.gif) repeat-x 0 0;
margin-top:17px
}
.main-slider {
width:950px;
height:372px;
position:relative;
overflow:hidden;
}
.items {
display:none;
}
/* pagination */
#main-slider .pagination {
position:absolute;
bottom:0;
left:519px;
z-index:60;
padding:13px 15px 10px 16px;
white-space: nowrap;
vertical-align: middle;
color: #666;
background:#363636;
border:none
}
#main-slider .pagination li {
float:left;
padding:0 3px 0 3px;
font-size:0;
line-height:0;
margin:0;
}
#main-slider .pagination a {
display:block;
width:14px;
height:14px;
background:url(images/pags.png) 0 0 no-repeat;
font-size:0;
line-height:0;
text-decoration:none;
}
#main-slider .pagination li.current a, #main-slider .pagination li a:hover {
background:url(images/pags.png) 0 -14px no-repeat;
}
/* banner */
#main-slider .banner {
position:absolute;
top:31px;
width:264px;
height:325px;
left:670px;
color:#fff;
padding:10px;
background:none
}
#main-slider .banner span {
font-size:36px;
line-height:38px;
color:#fff;
text-shadow:1px 1px #000;
padding-bottom:12px;
font-weight:normal;
font-family: 'Tinos', serif;
word-spacing:-2px;
}
#main-slider .banner span em {
display:block;
font-style:normal;
color:#fff;
font-weight:normal;
margin-top:-3px
}
#main-slider .banner span strong {
display:block;
font-weight:normal;
margin-top:-3px
}
#main-slider .banner p {
color:#525252;
text-shadow:1px 1px #000
}
#main-slider .banner .link-1 {
color:#fff;
background:url(images/bg2-link1.png) no-repeat 0 1px
}
#main-slider .banner .link-1:hover {
color:#00a8c2;
background:url(images/bg2-link1.png) no-repeat 0 -22px;
text-decoration:underline
}
/******************** Footer ******************/
footer {
padding:20px 0;
overflow:hidden;
text-align:center;
}
.privacy {
color:#fff;
font-size:13px;
line-height:16px;
position:relative;
margin-left:38px;
text-align:center
}
.privacy a {
font-size:13px;
color:#fff;
line-height:16px;
text-transform:none;
}
.privacy a:hover {
text-decoration:underline
}
GRID.CSS
.container_24 {margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_24 .grid_1{width:30px;}.container_24 .grid_2{width:70px;}.container_24 .grid_3{width:110px;}.container_24 .grid_4{width:150px;}.container_24 .grid_5{width:190px;}.container_24 .grid_6{width:230px;}.container_24 .grid_7{width:270px;}.grid_cute{width:250px;}.grid_ss{width:800px;}.container_24 .grid_99{width:800px;}.grid_ne{width:120px;}.container_24 .grid_8{width:310px;}.container_24 .grid_9{width:350px;}.container_24 .grid_10{width:390px;}.container_24 .grid_11{width:430px;}.container_24 .grid_12{width:470px;}.container_24 .grid_13{width:510px;}.container_24 .grid_14{width:550px;}.container_24 .grid_15{width:590px;}.container_24 .grid_16{width:630px;}.container_24 .grid_17{width:670px;}.container_24 .grid_18{width:710px;}.container_24 .grid_19{width:750px;}.container_24 .grid_20{width:790px;}.container_24 .grid_21{width:830px;}.container_24 .grid_22{width:870px;}.container_24 .grid_23{width:910px;}.container_24 .grid_24{width:950px;}.container_24 .prefix_1{padding-left:40px;}.prefix_sv{padding-left:75px;}.prefix_111{padding-left:315px;}.prefix_ne{padding-left:800px;}.container_24 .prefix_2{padding-left:80px;}.container_24 .prefix_3{padding-left:120px;}.container_24 .prefix_4{padding-left:160px;}.container_24 .prefix_5{padding-left:200px;}.container_24 .prefix_6{padding-left:240px;}.container_24 .prefix_7{padding-left:280px;}.container_24 .prefix_8{padding-left:320px;}.container_24 .prefix_9{padding-left:360px;}.container_24 .prefix_10{padding-left:400px;}.container_24 .prefix_11{padding-left:440px;}.container_24 .prefix_12{padding-left:480px;}.container_24 .prefix_13{padding-left:520px;}.container_24 .prefix_14{padding-left:560px;}.container_24 .prefix_15{padding-left:600px;}.container_24 .prefix_16{padding-left:640px;}.container_24 .prefix_17{padding-left:680px;}.container_24 .prefix_18{padding-left:720px;}.container_24 .prefix_19{padding-left:760px;}.container_24 .prefix_20{padding-left:800px;}.container_24 .prefix_21{padding-left:840px;}.container_24 .prefix_22{padding-left:880px;}.container_24 .prefix_23{padding-left:920px;}.container_24 .suffix_1{padding-right:40px;}.container_24 .suffix_2{padding-right:80px;}.container_24 .suffix_3{padding-right:120px;}.container_24 .suffix_4{padding-right:160px;}.container_24 .suffix_5{padding-right:200px;}.container_24 .suffix_6{padding-right:240px;}.container_24 .suffix_7{padding-right:280px;}.container_24 .suffix_8{padding-right:320px;}.container_24 .suffix_9{padding-right:360px;}.container_24 .suffix_10{padding-right:400px;}.container_24 .suffix_11{padding-right:440px;}.container_24 .suffix_12{padding-right:480px;}.container_24 .suffix_13{padding-right:520px;}.container_24 .suffix_14{padding-right:560px;}.container_24 .suffix_15{padding-right:600px;}.container_24 .suffix_16{padding-right:640px;}.container_24 .suffix_17{padding-right:680px;}.container_24 .suffix_18{padding-right:720px;}.container_24 .suffix_19{padding-right:760px;}.container_24 .suffix_20{padding-right:800px;}.container_24 .suffix_21{padding-right:840px;}.container_24 .suffix_22{padding-right:880px;}.container_24 .suffix_23{padding-right:920px;}.container_24 .push_1{left:40px;}.container_24 .push_2{left:80px;}.container_24 .push_3{left:120px;}.container_24 .push_4{left:160px;}.container_24 .push_5{left:200px;}.container_24 .push_6{left:240px;}.container_24 .push_7{left:280px;}.container_24 .push_8{left:320px;}.container_24 .push_9{left:360px;}.container_24 .push_10{left:400px;}.container_24 .push_11{left:440px;}.container_24 .push_12{left:480px;}.container_24 .push_13{left:520px;}.container_24 .push_14{left:560px;}.container_24 .push_15{left:600px;}.container_24 .push_16{left:640px;}.container_24 .push_17{left:680px;}.container_24 .push_18{left:720px;}.container_24 .push_19{left:760px;}.container_24 .push_20{left:800px;}.container_24 .push_21{left:840px;}.container_24 .push_22{left:880px;}.container_24 .push_23{left:920px;}.container_24 .pull_1{left:-40px;}.container_24 .pull_2{left:-80px;}.container_24 .pull_3{left:-120px;}.container_24 .pull_4{left:-160px;}.container_24 .pull_5{left:-200px;}.container_24 .pull_6{left:-240px;}.container_24 .pull_7{left:-280px;}.container_24 .pull_8{left:-320px;}.container_24 .pull_9{left:-360px;}.container_24 .pull_10{left:-400px;}.container_24 .pull_11{left:-440px;}.container_24 .pull_12{left:-480px;}.container_24 .pull_13{left:-520px;}.container_24 .pull_14{left:-560px;}.container_24 .pull_15{left:-600px;}.container_24 .pull_16{left:-640px;}.container_24 .pull_17{left:-680px;}.container_24 .pull_18{left:-720px;}.container_24 .pull_19{left:-760px;}.container_24 .pull_20{left:-800px;}.container_24 .pull_21{left:-840px;}.container_24 .pull_22{left:-880px;}.container_24 .pull_23{left:-920px;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}.clearfix{display:inline-block;}*html .clearfix{height:1%;}.clearfix{display:block;}
e aqui é o codigo HTML do meu site.
<article class="grid_7">
<h3>Portal Nt-animes</h3>
<p class="txt-1">
Um portal livre de propaganda e de facil acesso a todo o cunteudo sem complicações. Projeto NT é feito visando a simplicidade
de entendimento e facilidade de compreensão. </p>
<p>O NT - Animes traz noticias de todo o mundo Otaku ao leitor de modo compreensivo e dinamico, como também, Traz Downloas mais praticos.
NT se esforçara para lhe trazer uma grande variedade de conteudo, tais como, Episodios dos melhores animes, mangás, Templetes e renders
para você trabalhar seus projetos, Conteudo multimidia em geral(mp3, ots, ovas, Epi,) Sejam bem vindos ao nosso PORTAL...</p>
</article>
<article class="grid_99 prefix_111">
<?php include 'postagem/example1.php'; ?>
</article> Eu consigo tudo direitinho se não colocar o BOX no cute news, porem se coloco somente a primeira postagem fica formatada, as outras fica onde não deveria ficar. Se alguém souber o porque me ajudem.. Vlw