• 0
Sign in to follow this  
jonata55

Criar um BOX no template CUTENEWS sem interferir na formatação do meu

Question

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

Share this post


Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this