body 
{
	margin:0;
	padding:0;
	border:none;
	font: 11px/1.5 Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#333;
	text-align:center;
	background-image:url(../Imagem/bgCinza.jpg);
	background-repeat:repeat-x;
}
	
#tudo
{
	width:780px;     
	margin:0 auto;
	text-align:left;
	height:24px;
}
	
#topo 
{
    width:746px;     
	margin:0 auto;
	text-align:left;
	height:102px;
	padding:15px 12px 0 25px;
}

#miolo 
{
	width:780px;
	height:330px;     
	margin:0 auto;
	text-align:left;
}

#apoio
{
	width:780px;
	margin:0 auto;
	text-align:left;
	margin-top:10px;
}

#rodape 
{
    margin-top:0px;
	clear:both;
	text-align:center;
}
	
/*menu*/	
#menu {list-style-type:none; width:780px; padding:0; margin:0 auto;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#FFFFFF; margin:0; position:relative; border-bottom:3px #666666;}
#menu li.sub {background:#FFFFFF; list-style-type:none; padding:0; margin:0; display:inline-block; cursor:pointer;}
#menu li, #menu li a {display:inline-block; color:#000000; font-family:"Century Gothic", "Trebuchet MS", Arial; font-size:11px; line-height:25px; width:85px; text-decoration:none; text-align:center; cursor:pointer;}
#menu li:hover, #menu li a:hover {background:#EAEAEA;}
#menu ul {position:absolute;left:-9999px;width:128px;}
#menu li.click {background:#EAEAEA;}
#menu li.click ul{left:0; top:25px; background:url(simple/transparent.gif);} /* the background image is for IE7 */

p, h2, pre {
margin: 0px; 
padding: 10px 10px 0 10px; 
}

.titulos_destaque 
{
    font-size:14px;
    color:#CC0000;
}

.link a
{
    color:#CC0000;
    text-decoration:none;
}

.link a:hover
{
    text-decoration:underline;
}

.link_menor a{
color:#CC0000;
text-decoration:none;
font-size:10px;
}

.link_menor a:hover{text-decoration:underline;}

.pointerHand
{
    cursor: hand;
}

/*específico base apoio*/
.logoblog
{
    width:190px;
    font-size:11px;
    color:#333333;
    padding: 0 0 0 0 30px;
    float:left;
}

.blog_ultimas
{
    width:286px;
    font-size:11px;
    padding:0 10px 0 20px;
    float:left;
}
.conheca_portfolio{
width:238px;
font-size:11px;
padding:0 15px 0 10px;
border-left:1px solid #E5E5E5;
float:left;
}

/*notícias index*/
.ultimas{
display:block;
float:left;
background-image:url(../Imagem/estrela.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding:0 0 0 15px;
font-size:11px;
text-decoration:none;
clear:both;
margin:0 0 5px 0;
}

.rodape {font-family: "Century Gothic", "Trebuchet MS", Arial}

.ultimas a{
background-color:transparent;
color:#CC0000;
text-decoration:none;
}
.ultimas a:hover{ color:#CC0000; text-decoration:underline;}

.ultimas a:visited{text-decoration:underline;}

.subtitulo{ text-decoration:underline; color:#CC0000; font-weight:bold; font:12px "Century Gothic", "Trebuchet MS", Arial;}

.subtitulo1{ text-decoration:none; color:#CC0000; font-weight:bold; font:12px "Century Gothic", "Trebuchet MS", Arial;}

/*páginas: home*/
.conteudo_esq{
width:475px;
heigth:340px fixed;
font-size:11px;
color:#333333;
padding:0 0 0 25px;
float:left;
}

.coluna_not{
width:245px;
height:238px;
font-size:11px;
color:#333333;
float:left;
background-color:#F5F5F5;
margin:0 15px 2px 15px;
}

.coluna_dir{
width:245px;
font-size:11px;
color:#333333;
float:left;
margin:0 15px 10px 15px;
}

.topicos{
color:#CC0000; 
font:18px "Century Gothic", "Trebuchet MS", Arial;
font-weight:bold; 
background-image:url(imagens/topico.png);
background-position:0 5px;
background-repeat:no-repeat;
padding:8px 0 0 10px;
text-decoration:none;
width:235px;
float:left;
background-color:#F5F5F5;
margin:0 15px 0 15px;
}

/*páginas: home*/
.conteudo_esq
{
    width:475px;
    height:340px;
    font-size:11px;
    color:#333333;
    padding:0 0 0 25px;
    float:left;
}

.coluna_not
{
    width:245px;
    height:238px;
    font-size:11px;
    color:#333333;
    float:left;
    background-color:#F5F5F5;
    margin:0 15px 2px 15px;
}

.coluna_dir
{
    width:245px;
    font-size:11px;
    color:#333333;
    float:left;
    margin:0 15px 10px 15px;
}

.topicos
{
    color:#CC0000; 
    font-size:18px;
    font-weight:bold; 
    background-image:url(../Imagem/topico.png);
    background-position:0 5px;
    background-repeat:no-repeat;
    padding:8px 0 0 30px;
    text-decoration:none;
    width:215px;
    float:left;
    background-color:#F5F5F5;
    margin:0 15px 0 15px;
}

.topicos_transp
{
    width:95%;
    color:#CC0000; 
    font-size:18px;
    font-weight:bold; 
    background-image:url(../Imagem/topico.png);
    background-position:0 5px;
    background-repeat:no-repeat;
    padding:8px 0 0 25px;
    text-decoration:none;
    float:left;
}

/*Artigos & notícias*/
.conteudo_art
{
    width:300px;
    margin:0 20px 5px 0;
    padding:0 0 0 25px;
    float:left;
}

.conteudo_art_text
{
    width:420px;
    margin:0 20px 5px 0;
    padding:0 0 0 25px;
    float:left;
}

.coluna_art
{
    width:240px; 
    height:315px;
    margin-left: 150px;
    padding:0 0 0 15px;
    border-left:1px solid #ADADAD;
    float:left;
    overflow:auto; 
    scrollbar-face-color:#EAEAEA;
    scrollbar-highlight-color:#EAEAEA;
    scrollbar-shadow-color:#EAEAEA;
    scrollbar-3dlight-color:#EAEAEA;
    scrollbar-arrow-color:#CC0000;
    scrollbar-track-color:#EAEAEA;
    scrollbar-darkshadow-color:#EAEAEA;
}

.coluna_contato
{
    width:240px; 
    height:315px;
    margin-left: 150px;
	padding:0 0 0 15px;
    border-left:1px solid #ADADAD;
    float:left;
}

.data
{
    margin:0 0 5px 0; 
    border-bottom:1px solid #ADADAD;
}

.noticiapre
{
    margin:0 0 15px 0;
}

/*páginas: perfil*/
.conteudo_perfil
{
    width:330px;
    heigth:340px fixed;
    font-size:11px;
    color:#333333;
    padding:0 0 0 25px;
    float:left;
}

.rolagem
{
    overflow:auto; 
    height:240px;
    scrollbar-face-color:#EAEAEA;
    scrollbar-highlight-color:#EAEAEA;
    scrollbar-shadow-color:#EAEAEA;
    scrollbar-3dlight-color:#EAEAEA;
    scrollbar-arrow-color:#CC0000;
    scrollbar-track-color:#EAEAEA;
    scrollbar-darkshadow-color:#EAEAEA;
}

.coluna_meio
{
    width:175px;
    height:320px;
    font-size:11px;
    color:#333333;
    float:left;
    margin:0 20px 10px 20px;
    background-color:#F3F3F3;
}

.coluna_dir_perfil
{
    width:190px;
    height:320px;
    font-size:11px;
    color:#333333;
    float:left;
    margin:0 15px 10px 0;
}


.alignright 
{
    margin-top: 0; 
    text-align: right;
    font-size: 10px;
}

.hprincipal
{
    height:350px;
}

h2 
{
    font-size:14px;
    padding-top:25px;
    text-transform:uppercase;
    color:#333333;
    background-color: transparent;
}


h1 
{
    font-size: 12px;
    text-transform:uppercase;
    text-align: center;
    color:#333333;
    font-weight:normal;
    background-color: #EAEAEA;
    padding:25px 25px 25px 25px;
    margin:0px;
}

strong 
{ 
    font-size: 13px;
}

/*formulário*/
label {
	width:60px;
	height:20px;
	margin-top:3px;
	margin-right:2px;
	padding-left:6px;
	background-color:#eaeaea;
	float:left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}

#leftSide {
	width:370px;
	float:left;
	padding:5px 0 0 20px;
}

.div_texbox {
	width:250px;
	float:left;
	background-color:#eaeaea;
	height:20px;
	margin-top:3px;
	padding-bottom:3px;
	padding-left:5px;
}

.div_texbox1 {
	width:250px;
	float:left;
	background-color:#eaeaea;
	height:73px;
	margin-top:3px;
	padding-left:5px;
}

.textbox:focus, .textbox:hover {
	background-color:#eaeaea;
}

.button_div {
	width:200px;
	float:right;
	background-color:#eaeaea;
	text-align:right;
	height:25px;
	padding:5px 17px 3px;
}

.buttons {
	background: #cccccc;
	font-size:12px; 
	color: #333333; 
	padding: 2px 6px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	font-weight:bold;
}
/*CASES*/

.conteudo_cases
{
    width:230px;
    margin:0 20px 5px 0;
    padding:0 0 0 25px;
    float:left;
}

.coluna_esq_cases{
    width:220px;
    height:260px;
    font-size:11px;
    color:#333333;
    float:left;
    margin:0 15px 10px 0;
    padding-left:25px;
}

.coluna_dir_cases
{
    position: relative;
    width:470px;
    height:260px;
    font-size:11px;
    margin-left: 10px;
    margin-top: 55px;
    padding:0 10px 0 10px;
    border-left:1px solid #999;
    float:left;
	overflow:auto; 
    scrollbar-face-color:#EAEAEA;
    scrollbar-highlight-color:#EAEAEA;
    scrollbar-shadow-color:#EAEAEA;
    scrollbar-3dlight-color:#EAEAEA;
    scrollbar-arrow-color:#CC0000;
    scrollbar-track-color:#EAEAEA;
    scrollbar-darkshadow-color:#EAEAEA;
}

.fotos_esq_cases
{
    margin: 0px auto;
}

.conteinerfoto_esq 
{
    float:left;
    width:50px;
    height:50px;
    margin-right:5px;
    margin-bottom:5px;
    padding:3px 3px 3px 3px;
    border: #a5a7aa solid 1px;
}

.conteinerfoto_dir 
{
    float:left;
    width:100px;
    height:60px;
    margin-right:5px;
    margin-bottom:5px;
    padding:3px 3px 3px 3px;
    border: #a5a7aa solid 1px;
    cursor: hand;
}

.fotos_dir_cases
{
    margin: 0px auto;
}

.exibir_foto_grande
{
    position: absolute;
    display: none;
    cursor: hand;
}

/*SOLUÇÕES*/

.box_solucoes_esq
{
    width:330px;
    height:250px;
    background-image:url(imagens/bol.jpg);
    background-position:top;
    background-repeat:no-repeat;
    font-size:11px;
    color:#333333;
    padding:8px 0 0 25px;
    float:left;
}

.conteudo_solucoes
{
    width:330px;
    height:255px;
    font-size:11px;
    color:#333333;
    padding:10px 10px 0 10px;
    float:right;
    overflow:auto; 
    scrollbar-face-color:#EAEAEA;
    scrollbar-highlight-color:#EAEAEA;
    scrollbar-shadow-color:#EAEAEA;
    scrollbar-3dlight-color:#EAEAEA;
    scrollbar-arrow-color:#CC0000;
    scrollbar-track-color:#EAEAEA;
    scrollbar-darkshadow-color:#EAEAEA;
    margin-top:50px;
    margin-right:30px;
    background-color:#F3F3F3;
}

/*PORTFOLIO*/

.conteudo_port
{
    width:370px;
    heigth:340px fixed;
    font-size:11px;
    color:#333333;
    /*padding:20px 10px 0 25px;*/
    padding-left: 25px;
    padding-right: 25px;
    float:left;
}

.coluna_port
{
    width:50px;
    height:260px;
    float:left;
    margin: 50px 10px 10px 100px;
}

.modal_popup_imagens
{
    background-color:#f9f9f9;
    Height: 330px;
    Width: 800px;
	text-align:center;
}

.imgBotaoPortfolio
{
    margin-left:45px;
}

.fundo_modal_popup_imagens
{
	background-color:#ffffff;
    filter:alpha(opacity=80);
    opacity:0.80;
}

.janela_port
{
    width: 655px;
}

.texto_janela
{
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    color:#333333;
    float:left;
	font-weight:bold;
    padding:5px;
}

.texto_fechar
{
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:right;
    color:#333333;
    float:right;
    padding:5px;
}

/*SOLUÇÕES*/

.box_solucoes_esq
{
    width:330px;
    height:250px;
    background-image:url(imagens/bol.jpg);
    background-position:top;
    background-repeat:no-repeat;
    font-size:11px;
    color:#333333;
    padding:8px 0 0 25px;
    float:left;
}

.box_solucoes_dir
{
    width:350px;
    height:250px;
    font-size:11px;
    color:#333333;
    padding:8px 15px 0px 0px;
    float:right;
}

.esconde
{
    display: none;
}

.email_link
{
	text-decoration:none; 
	color:#CC0000; 
}

/*ARTICULISTAS*/

.foto_articulistas{
width:200px;
height:260px;
font-size:11px;
color:#333333;
float:left;
margin:0 15px 10px 0;
padding-left:25px;
}

#conteudo_articulistas{
width:495px;
height:260px;
font-size:11px;
padding:0 15px 0 15px;
border-left:1px solid #999;
float:left;
}

.setas_articulistas{
width:50px;
height:30px;
position:relative;
top:30%;
left:85%;
}

/*ILUSTRADORES*/
 
.foto_ilustradores{
width:200px;
height:260px;
font-size:11px;
color:#333333;
float:left;
margin:0 15px 10px 0;
padding-left:25px;
}
 
#conteudo_ilustradores{
width:495px;
height:260px;
font-size:11px;
padding:0 15px 0 15px;
border-left:1px solid #999;
float:left;
}
 
.setas_ilustradores{
width:50px;
height:30px;
position:relative;
top:22%;
left:85%;
}
 
.imgs_ilustradores{
width:90px;
height:68px;
margin-right:7px;
float:left;
}
 
.janela_ilustradores{
width:700px;
height:430px;
padding:10px;
margin-top:93px;
}

/*Util*/

.image_mask
{
	height: 60px;
	overflow: hidden;
}