/* Start of CMSMS style sheet 'capa-nova' */
* {
	margin: 0;
	padding: 0;
	border: 0;

}

*.invisible-text {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -2000px;
}

body,html {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url('https://www.ciberarte.com.br/img/bg-geral.gif') top center repeat-y;
	color: #051A39;
	font: 12px/20px Arial, Helvetica, Verdana, sans-serif;	
	color: #666;
	}

#faixatopo1 {
	width: 100%;
	height: 29px;
	background: #F5C66C url('https://www.ciberarte.com.br/img/bg-topo.gif') top left repeat-x;
	overflow: hidden;
	}

#faixatopo2 {
	width: 100%;
	height: 29px;
	background: #FF7D58 url('https://www.ciberarte.com.br/img/bg-topo.gif') top left repeat-x;
	overflow: hidden;
	}

#faixatopo3 {
	width: 100%;
	height: 29px;
	background: #A1CC4D url('https://www.ciberarte.com.br/img/bg-topo.gif') top left repeat-x;
	overflow: hidden;
	}

#faixatopo4 {
	width: 100%;
	height: 29px;
	background: #C6C6D6 url('https://www.ciberarte.com.br/img/bg-topo.gif') top left repeat-x;
	overflow: hidden;
	}

#faixatopo5 {
	width: 100%;
	height: 29px;
	background: #F6402D url('https://www.ciberarte.com.br/img/bg-topo.gif') top left repeat-x;
	overflow: hidden;
	}

#faixatopo6 {
	width: 100%;
	height: 29px;
	background: #4EBAFF url('https://www.ciberarte.com.br/img/bg-topo.gif') top left repeat-x;
	overflow: hidden;
	}
	
#foto-capa {
	float: right;
	margin-top: 18px;	
	width: 500px;
	height: 375px;
	background: url('https://www.ciberarte.com.br/img/foto-capa.jpg') top left no-repeat;
	overflow: hidden;
	}	

div.header a  {
	width: 770px;
	height: 61px;
	display:block;
	padding: 0px;
	margin: 0px;
	}

#footer {
	width: 770px;
	height: 10px;
	margin: auto;
	background-color: #990000;
	}

#geral {
	position: relative;
	width: 780px;
	overflow: hidden;
	margin: auto;
	}

#coluna1 {
	width: 76px;
	height: 366px;
	float: left;
	overflow: hidden;
	margin: auto;
	padding: 0px;
	background-color: #FFF;	
	}

.direita {
	margin:0;
}

.direita p {
	margin:0;
	font: 9px Tahoma, Arial, Helvetica, sans-serif;	
	color: #fff;
}


#coluna2 {
	width: 632px;
	float: left;	
	margin: 0px;
	padding: 0px;
	background-color: #FFF;	
	}

p {
	margin: 0;
	}

a {
	text-decoration: none;
	}


/***** principais *****/

#conteudo {
	width: 500px;
	float: left;
	margin: 0 0 10px 70px;
	}

#conteudo p {
	font: 12px/20px Arial, Helvetica, Verdana, sans-serif;	
	color: #4A4A4A;
	margin: 0 0 14px 0;
	}
	
.topo_Literatura p {
	height: 16px;
	background: #DBDBE6 url(https://www.ciberarte.com.br/img/topo-lite.gif) top left no-repeat;
	font: 10px/16px Arial, sans-serif; 
	text-align:right;
	color: #333;
	margin: 0 0 5px 0;
	padding-right: 2px;
}

.box {
	font: 11px/16px Arial, Helvetica, sans-serif; 
	color: #333;
	margin: 0 0 20px 0;
	}

.box a{
	color: #F00;
	text-decoration: none;
	}

.box img{
	border: 0;
	padding: 4px;
	float: left;
	margin: 0px 2px 0px 0px;
	}

.box a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #F00;
	}	

/***** box-blogs *****/
	
#partedebaixo {
	width:780px; 
	float:left;
	margin-top:10px;	
}

#blogs {
	width:500px; 
	float:right;
	margin-top:10px;
}

#topoblogs {
	width:500px; 
	height:26px; 
	background: url(https://www.ciberarte.com.br/img/topo-blogs.gif) top left no-repeat;
}

#meioblogs {
	width:500px;
	overflow:hidden;
	background: url(https://www.ciberarte.com.br/img/bg-blogs.gif) top left repeat-y;
	padding:5px 0 5px 0;	
}

#baseblogs {
	width:500px; 
	height:7px; 
	background: url(https://www.ciberarte.com.br/img/base-blogs.gif) top left no-repeat;
}

.boxblogs {
	width:89px; 
	float:left;	
	padding:0 5px 0 5px;
}

.boxblogs a{
	font:9px/11px Tahoma,Arial,sans-serif; 
	color:#333;
	margin:0 0 3px 0;
}	

.boxblogs a:hover{
	color:#FF0000;
}

#partedecima {
	width:780px; 
	float:left;	
	margin-top:18px;
}

#bloco-esquerdo{
	float:left;
	width:270px;
	height:375px;
	}
	
#bloco-esquerdo-titulo {
	width:270px;
	height:19px;	
	background: url('https://www.ciberarte.com.br/img/topo-conteudo.gif') top left repeat-y;	
	}
	
#bloco-esquerdo-titulo h2 {
	font:11px Arial, Helvetica, sans-serif;
	color:#666;	
	padding:6px 0 0 13px;
	}

#bloco-esquerdo-conteudo {
	/* Typical fixed height and fixed width example */
	width: 270px;
	height: 344px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: left;
}	
	
#bloco-esquerdo-conteudo p{
	font:11px/17px Arial, Helvetica, sans-serif; 
	color:#333;
	margin:0 10px 8px 0;
	}
	
#bloco-esquerdo-conteudo p.entrevista{
	padding-left:19px;
	background:url('https://www.ciberarte.com.br/img/icon-entrevista.gif') 0 3px no-repeat;		
	}

#bloco-esquerdo-conteudo p.artigo{
	padding-left:19px;
	background:url('https://www.ciberarte.com.br/img/icon-artigo.gif') 0 3px no-repeat;	
	}
	
#bloco-esquerdo-conteudo p.desenho{
	padding-left:19px;
	background:url('https://www.ciberarte.com.br/img/icon-desenho.gif') 0 3px no-repeat;	
	}	

#bloco-esquerdo-conteudo p.bullet{
	padding-left:19px;
	background:url('https://www.ciberarte.com.br/img/icon-bullet.gif') 0 3px no-repeat;		
	}

#bloco-esquerdo-conteudo p.video{
	padding-left:22px;
	background:url('https://www.ciberarte.com.br/img/ico-video-16px.gif') 0 3px no-repeat;		
	}	
	
#bloco-esquerdo-conteudo p.artes{
	padding-left:22px;
	background:url('https://www.ciberarte.com.br/img/ico-artes-16px.gif') 0 3px no-repeat;		
	}	

#bloco-esquerdo-conteudo p.fotografia{
	padding-left:22px;
	background:url('https://www.ciberarte.com.br/img/ico-fotografia-16px.gif') 0 3px no-repeat;		
	}
	
#bloco-esquerdo-conteudo p.hq{
	padding-left:22px;
	background:url('https://www.ciberarte.com.br/img/ico-hq-16px.gif	') 0 3px no-repeat;		
	}
	
#bloco-esquerdo-conteudo p.literatura{
	padding-left:22px;
	background:url('https://www.ciberarte.com.br/img/ico-literatura-16px.gif') 0 3px no-repeat;		
	}	
	
#bloco-esquerdo-conteudo p.seta{
	padding-left:22px;
	background:url('https://www.ciberarte.com.br/img/ico-seta-16px.gif') 0 3px no-repeat;		
	}		
	
#bloco-esquerdo-conteudo a{
	color: #F00;
	text-decoration: none;
	}

#bloco-esquerdo-conteudo img{
	border: 0;
	padding: 4px 4px 4px 0;
	float: left;
	margin: 0px 2px 0px 0px;
	}

#bloco-esquerdo-conteudo a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #F00;
	}		

#bloco-direito {
	float:right;
	width:500px;	
	height:375px;	
	overflow:hidden;
	}	
/* End of 'capa-nova' */