* {
margin: 0;
padding: 0;
}

#geral {
background-color:#ffffff;
width: 949px;
margin: auto;

background-attachment: scroll;
}

#topo {
background-color: transparent;
background-repeat:no-repeat;
/*background-image: url("../png/new_topo.png");*/
width:949px;
height:112px;
margin:auto;
margin-top:30px;
}

#header {
background-color: #ff0000;
width: 949px;
height:64px;
}

#logo {
width:194px;
height:64px;
float:left;
}

#menu-logo {
position: relative;
margin-top:0px;
}

#menu-logo ul {
list-style-type: none;
}

#menu-logo li {
background-repeat: no-repeat;
float:left;
}

#menu-logo li a {
display: block;
text-decoration: none;
}

#menu-logo li a#home {
/*background-image: url("http://www.dainet.com.br/img/logo.jpg");*/
background-color:transparent;
background-repeat: no-repeat;
width:194px;
height:64px;
}



#header-menu {
background-color:transparent;
width: 949px;
height:0.1px;
padding:0px 0px 0px 0px;
}

#menu {
background-color: #0072BC;
width:495px;
height:32px;
float:left;
}

#menu ul {
list-style: none;
}

#menu li {
background-repeat: no-repeat;
float:left;
text-align:center;
}

#menu li a#agencia {
display: block;
text-decoration: none;
background-image: url("../img/fundomenu.jpg");
background-color:transparent;
background-repeat: none;
width: 128px;
height: 32px;
border-right:1px solid #FFF;
}

#menu li a#portfolio {
display: block;
text-decoration: none;
background-image: url("../img/fundomenu.jpg");
background-color:transparent;
background-repeat: none;
width: 128px;
height: 32px;
border-right:1px solid #FFF;
}

#menu li a#contato {
display: block;
text-decoration: none;
background-image: url("../img/fundomenu.jpg");
background-color:transparent;
background-repeat: none;
width: 128px;
height: 32px;
border-right:1px solid #FFF;
}

#menu li a span {
color:#FFF;
font: 8pt Arial;
background-color:transparent;
display:block;
padding:9px 0px 0px 0px;
}

#menu li a:hover {
background-position: 0px -250px;
}

#menu #current a {
background-position:0px -250px;
}

#busca {
background-color: #0072BC;
width:180px;
height:32px;
float:right;
}

#menu-mac {
background-color: #0072BC;
width:274px;
height:30px;
float:right;
padding:2px 0px 0px 0px;
}

#conteudo {
background-color: #ffffff;
width: 949px;
margin-top:53px;
}

/* HACK PARA GOOGLE CHROME */
@media screen and (-webkit-min-device-pixel-ratio:0){
    #conteudo { margin-top: 1px; }
    
    #left { margin-top: 22px; }
    
    #right { margin-top: 22px; }
    
    #right-portfolio { margin-top: 22px; }
    
    #menu-flash { margin-top: 22px; }     
    
}

#left {
background-color:#ffffff;
float:left;
width: 707px;
}

#left-portfolio {
background-color:transparent;
float:left;
width: 242px;
}

/*#menu-flash {
background-color:transparent;
width: 225px;
height:450px;
margin-left:14px;
border: 1px solid red;
}*/

#topo-portfolio {
background-color: transparent;
background-repeat:no-repeat;
width:689px;
height:32px;
margin-left:7px;
}

#conteudo-portfolio {
background-color: #c6c9ca;
width:683px;
margin-left:7px;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
border-left:3px solid #414042;
padding:0px 0px 32px 0px;
}

#conteudo-portfolio h4 {
font: 1.4em Arial;
text-align:left;
color:#414042;
padding:20px 30px 10px 30px;
}

#conteudo-portfolio .classh4 {
font: 1.4em Arial;
text-align:left;
color:#414042;
padding:0px 30px 10px 30px;
}

#conteudo-portfolio p {
font: 10pt Arial;
text-align:justify;
color:#414042;
padding:0px 30px 10px 30px;
}

#conteudo-portfolio a {
text-decoration:none;
color:#4b73a0;
background:transparent url('../img/iconlink.gif') no-repeat scroll right top;
padding-right:10px;
}

#conteudo-portfolio a:hover {
text-decoration:none;
color:#ff0000;
background:transparent url('../png/iconlinkhover.png') no-repeat scroll right top;
padding-right:10px;
}

#conteudo-portfolio .portolio-center{
text-align:center;
}

.cea-gisele{
text-align:left;
padding:0px 0px 0px 65px;
}

.cea-flyer{
padding:0px 0px 0px 190px;
}

.cea-ambientacao{
text-align:left;
padding:0px 0px 0px 190px;
}

.cea-sacola{
padding:0px 0px 0px 200px;
}

.cea-convite{
text-align:left;
padding:0px 0px 0px 120px;
}

.cea-kit{
padding:0px 0px 0px 190px;
}

.tv-portal{
padding:0px 0px 0px 110px;
}

.tv-site{
text-align:left;
padding:0px 0px 0px 195px;
}

#conteudo-contato {
background-color: #c6c9ca;
width:683px;
margin-left:7px;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
border-left:3px solid #414042;
padding:0px 0px 32px 0px;
}

#conteudo-contato h4 {
font: 1.4em Arial;
text-align:left;
color:#414042;
padding:20px 30px 10px 30px;
}

#conteudo-contato p {
font: 10pt Arial;
text-align:justify;
color:#414042;
padding:0px 30px 10px 30px;
}

#conteudo-contato a {
text-decoration:none;
color:#414042;
}

#contato-interno {
background-color:transparent;
width:260px;
height:100px;
margin-top:145px;
margin-right:10px;
float:right;
}

#contato-interno p {
font: 9pt Arial;
color:#414042;
}

/*
#contato-interno-left {
background-color:green;
float:left;
}
*/

#conteudo-contato a:hover {
text-decoration:none;
color:#ff0000;
}

#right {
background-color:#ffffff;
width: 242px;
float:right;
}

#right-portfolio {
background-color:transparent;
width: 707px;
float:right;
}

#toponoticias {
background-color: transparent;
background-repeat:no-repeat;
background-image: url("../png/toponoticias.png");
width:689px;
height:32px;
margin-left:14px;
}

#conteudo-toponoticias {
width:683px;
border-left:3px solid #414042;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
margin-left:14px;
background-color: #ffffff;
}

#news {
width:663px;
background-color: transparent;
padding:20px 10px 20px 10px;
text-align:left;
}

#news .mudacor{
background-color: transparent;
}

#news .linkSelected{
background-color: #f7f7f7;
}

#pone {
background-color: transparent;
color:#414042;
font: 1.53em Arial;
border-bottom:1px solid #C5C5C5;
padding:3px 5px 8px 5px;
}

#pone a {
text-decoration:none;
color:#414042;
}

#pone a:hover {
text-decoration:none;
color:#0072BC;
}

#news .dataone {
background-color: transparent;
margin-top:2px;
margin-right:10px;
color:#999999;
font: 9pt Arial;
}

#foto-one {
height:52px;
width:52px;
background-color: transparent;
margin-top:10px;
margin-left:5px;
margin-right:20px;
float:left;
}

#pnews {
background-color: transparent;
color:#414042;
font: 0.9em Arial;
border-bottom:1px solid #C5C5C5;
padding:10px 5px 8px 5px;
}

#pnews a {
text-decoration:none;
color:#414042;
}

#pnews a:hover {
text-decoration:none;
color:#0072BC;
}

#paragrafo-news p {
font: 0.9em Arial;
padding:0px 0px 10px 0px;
line-height:1.5em;
color:#414042;
}

#paragrafo-news img{ 
float:left;
padding:0px 20px 0px 0px;
}

#paragrafo-news a {
text-decoration:none;
color:#4b73a0;
background:transparent url('../img/iconlink.gif') no-repeat scroll right top;
padding-right:10px;
}

#paragrafo-news a:hover {
text-decoration:none;
color:#ff0000;
background:transparent url('../png/iconlinkhover.png') no-repeat scroll right top;
padding-right:10px;
}

#foto {
height:52px;
width:52px;
background-color: transparent;
margin-top:10px;
margin-left:5px;
margin-right:20px;
float:left;
}

#news .data {
background-color: transparent;
margin-top:3px;
margin-right:10px;
color:#999999;
font: 9pt Arial;
}

#topoyoutube {
background-color: transparent;
background-repeat:no-repeat;
background-image: url("../png/topoyoutube.png");
width:689px;
height:32px;
margin-left:14px;
margin-top:8px;
}

#conteudo-topoyoutube {
width:683px;
border-left:3px solid #414042;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
margin-left:14px;
background-color: #8d9ea3;
text-align:left;
padding:3px 0px 0px 0px;

height:282px; /*Retirar quando tiver conteudo*/
}

#conteudo-topoyoutube p {
color:#ffffff;
text-align:center;
font: 9pt Arial;
padding:20px 0px 10px 30px;
}

#video {
    
    width: 425px;
    height: 235px;
    margin: 0 auto;
}

#topofotos {
background-color: transparent;
background-repeat:no-repeat;
background-image: url("../png/topofotos.png");
width:689px;
height:32px;
margin-left:14px;
margin-top:8px;
}

#conteudo-topofotos {
width:683px;
border-left:3px solid #414042;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
margin-left:14px;
background-color: #ffffff;
}

#texto-conteudo-topofotos{
background-color: #ffffff;
width:683px;
height:20px;
}

#texto-conteudo-topofotos p {
font: 8pt Arial, Verdana;
text-align:center; 
color:#000000;
line-height:1.5em;
padding:2px 0px 0px 0px;
}

#topoconceito {
background-color: transparent;
background-repeat:no-repeat;
background-image: url("../png/topoconceito.png");
width:225px;
height:32px;
margin-left:6px;
}

#conteudo-topoconceito {
width:219px;
height:123px;
border-left:3px solid #414042;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
margin-left:6px;
}

#nuvem {
width:225px;
height:157px;
margin-left:6px;
margin-top:8px;
}

#links {
background-color: transparent;
background-repeat:no-repeat;
background-image: url("../png/topolinks.png");
width:225px;
height:32px;
margin-left:6px;
margin-top:8px;
}

#conteudo-links {
width:219px;
height:298px;
border-left:3px solid #414042;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
margin-left:6px;
background-color: #8d9ea3;
}

#conteudo-links-href {
background-color: transparent;
width:127px;
float:left;
padding:15px 0px 0px 10px;
text-align:left;
font: 8pt Arial;
line-height:2.25em;
}

#conteudo-links-href a {
color: #ffffff;
text-decoration:underline;
}

#conteudo-links-href a:hover {
color:#000000;
text-decoration:underline;
}

#conteudo-links-estrela {
background-color: transparent;
width:70px;
padding:15px 8px 0px 0px;
float:right;
}

#topopodcasts {
background-color: transparent;
background-repeat:no-repeat;
background-image: url("../png/topopodcasts.png");
width:225px;
height:32px;
margin-left:6px;
margin-top:8px;
}

#conteudo-topopodcasts {
width:219px;
height:448px; /* Alterar para 287 quando entrar mais conteudo, como our comuunity etc */
border-left:3px solid #414042;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
margin-left:6px;
background-color: #8d9ea3;
}

#conteudo-topopodcasts-centro{
margin-top:0px;
}

.conteudo-topopodcasts-img {
width:44px;
height:44px;
padding:13px 9px 8px 13px;
text-align:left;
float:left;
}

.conteudo-topopodcasts-nome {
width:146px;
height:52px;
padding:10px 5px 3px 2px;
text-align:left;
font: 8pt Arial;
line-height:1.4em;
float:right;
}

.conteudo-topopodcasts-traco {
width:201px;
height:1px;
background-color:#000000;
padding:0px 0px 0px 0px;
margin-top:5px;
margin-right:9px;
float:right;
}

#espaco-rodape {
background-color: #ffffff;
width: 949px;
height:15px;
margin:auto;
clear: both;
}

#rodape	 {
height:30px;
width: 949px;
background-color: #0072BC;
margin:auto;
clear: both;
}

#rodape p {
font: 7pt Verdana, Arial, Tahoma;
text-align:center; 
color:#ffffff;
line-height:1.5em;
padding:8px 0px 0px 0px;
}

#rodape a {
text-decoration:none;
font: 7pt Verdana, Arial, Tahoma;
text-align:center; 
color:#ffffff;
line-height:1.5em;
padding:8px 0px 0px 0px;
font-weight: bold;
}

#rodape a:hover {
text-decoration:underline;
font: 7pt Verdana, Arial, Tahoma;
text-align:center; 
color:#ffffff;
line-height:1.5em;
padding:8px 0px 0px 0px;
font-weight: bold;
}

#rodape-transparent {
background-color: transparent;
width: 949px;
height:15px;
margin:auto;
clear: both;
}

/*CSS PARA FORMULÁRIO JQUERY*/

label {
display: block;
font: 10pt Arial;
text-align:left;
color:#414042;
padding:0px 30px 10px 30px;
}

label.error {
/*width: 450px;*/
text-align: left;
font-weight: bold;
font: 10pt Arial;
text-align:justify;
color:#ff0000;
background-color: transparent;
padding:0px 30px 10px 0px;
}

.input {
font-family : Arial;
font-size : 11px;
color:#414042;
text-align:left;

}

#mensagem {
text-align:justify;
width: 200px;
background-color: #ff0000;
color:#ffffff;
font: 10pt Arial;
font-weight:bold;
padding: 10px 0px 10px 10px;
margin-bottom:15px;
margin-left:30px;
}

/*CSS PARA AJAX BOTÃO MAIS - SALADA DE NOTICIAS*/

#carregando {
font: 10pt Arial;
color:#414042;
}

.topico{
background-color: transparent;
background-repeat:no-repeat;
background-image: url("../img/btn_mais.gif");
width:282px;
height:19px;
margin-top:45px;
margin-left:191px;
margin-bottom:13px;
}

#alvo .mudacor{
background-color: transparent;
}

#alvo .linkSelected{
background-color: #f7f7f7;
}

/*CSS PARA CAROUSEL JQUERY*/

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 0px;
    background: #ffffff;
    border: 0px solid #346F97;
	height:100px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 599px;
	padding: 0px 33px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 98px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  624px;
    height: 87px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  98px;
    height: 624px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 98px;
    height: 87px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 6px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 28px;
    right: 0px;
	left:650px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../png/setaright.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 28px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../png/setaleft.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*CSS JQUERY MENU TREE UTILIZADO NO MAPA DO SITE*/

#conteudo-portfolio-mapa {
background-color: #f7e5c7;
width:683px;
margin-left:7px;
border-bottom:3px solid #414042;
border-right:3px solid #414042;
border-left:3px solid #414042;
padding:0px 0px 32px 0px;
}

#conteudo-portfolio-mapa h4 {
font: 1.4em Arial;
text-align:left;
color:#414042;
padding:20px 30px 10px 30px;
}

#browser{
font: 10pt Arial;
text-align:left;
color:#414042;
padding:0px 30px 10px 30px;
background-color: transparent;
}


.treeview, .treeview ul { 
padding: 0;
margin: 0;
list-style: none;
}

.treeview ul {
background-color: transparent;
}

.treeview .hitarea {
background: url('../imgmapadosite/treeview-default.gif') -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
}

.treeview li {background: url('../imgmapadosite/treeview-default-line.gif') 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('../imgmapadosite/treeview-default.gif'); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url('../imgmapadosite/folder.png') 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url('../imgmapadosite/folder-closed.png') 0 0 no-repeat; }
.filetree span.file { background: url('../imgmapadosite/file.png') 0 0 no-repeat; }

.file a {
font: 10pt Arial;
text-decoration:none;
color:#414042;
}

.file a:hover {
font: 10pt Arial;
text-decoration:none;
color:#ff0000;
}

.folder {
font: 9pt Arial;
text-decoration:none;
color:#414042;
font-weight: bold;
}