<style type="css/text">

* a { text-decoration:none; }

/*Nas porções abaixo, até o table.bordas, encontramos os estilos para a montagem do layout geral do site, as div's mais especificamente falando*/
body {

	background-color:#fff;
	margin:0px;
	line-height: top;

}

.link {
	text-decoration:underline;
	color:#00F; }


#message {
width:300px;
height:400px;
top:130px;
right:-300px;
position:absolute;
text-align:center;
overflow:visible;
visibility:visible;
background-image:url('http://www.animesul.com/imagens/site/papainoel.png');
}


#topo{
	width: 100%;
	position: absolute;
	height:242px;
    padding: 0px;
	margin: 0px;
	top:0px;
	left: 0px;
	overflow:visible;
}

#logo_topo {
	top:3px;
	left:5px;
	position:absolute;
	}
	
	
.banner_topo {
	position:absolute;
	top:15px;
	left:200px;
}
	
	#suporte_telefonico_topo {
		top:80px;
		left:10px;
		position:absolute;
		font-family: "Arial Black", Gadget, sans-serif;
		font-size:medium;
	}
	

#topo_sauda {
	top:60px;
	right:170px;
	position:absolute;
	color:#FF3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	text-align:center;
}

#topo_sauda a { color:#FF3; text-decoration:none; }
#topo_sauda a:hover{ color:#FF3; text-decoration:underline; color:#FFF; }

#topo_banner_promo1 {
 width:230px; 
 height:100px;
 overflow:visible;
 left:170px;
 top:125px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:0px;
 margin:0px;
 border:0px;
}

#blackfriday {
 width:700px; 
 height:240px;
 overflow:visible;
 left:170px;
 top:125px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:0px;
 margin:0px;
 border:0px;
}

#topo_banner_promo2 {
 width:230px; 
 height:100px;
 overflow:visible;
 left:408px;
 top:125px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:0px;
 margin:0px;
 border:0px;
}

#topo_banner_ad1 {
 width:468px; 
 height:60px;
 overflow:visible;
 left:170px;
 top:245px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:0px;
 margin:0px;
 border:0px;
}

#topo_banner_ad2 {
 width:300px; 
 height:60px;
 overflow:visible;
 left:648px;
 top:246px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:0px;
 margin:0px;
 border:0px;
}

#topo_banner img { overflow:hidden; }


#topo_botoes {
	top:60px;
	left:210px;
	position:absolute;
	width: 700px;
	height: 60px; }
	
#topo_botoes img { display:inline; }

#topo_botoes a { display:block; 	float: left; text-decoration:none; }


#topo_tele {
 width:130px; 
 height:102px;
 overflow:visible;
 left:650px;
 top:125px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:0px;
 margin:0px;
 border:0px;
}

#topo_nuvem {
 width:130px; 
 height:98px;
 overflow:visible;
 left:815px;
 top:141px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:1px;
 margin:0px;
 border:#000 thin solid;
}

#topo_nuvem a:hover{
	background-color:#000;
	color:#FFF; }


#topo_pagamentos {
 width:760px; 
 height:29px;
 overflow:visible;
 left:170px;
 top:310px; 
 position:absolute;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:small;
 padding:0px;
 margin:0px;
 border:#666 dotted thin;
 border-right:none;
 border-left:none;
}


#buscar {
	width:560px;
	text-align:left;
	height:40px;
	top:5px;
	left:210px;
	position:absolute;
}

#conteudoEsq {
	position: absolute;
	width:150px;
	top:0px;
	left:2px;
	color:#99f;
	overflow: visible;
	height: auto;
	margin:0 auto;
    padding: 0;
	border:0;
	

}


#layout_categories {
	background-image:url('http://www.animesul.com/imagens/site/layout_categories.png'); 
	background-repeat:repeat-xy;
	width:100%;
	height:20px;

	margin-left:0px;
	margin-bottom:7px;
	margin-top:15px;
	padding-left:15px;
	position:relative;

	text-align:left;
	color:#FFF;
	font-weight:bolder;
	font-size:medium;
}
	


#colEsq {
	background:#fff;
}
#sepEsqcolCentral {
	margin-left:170px;
	padding-left:2px;
	

}

#colCentral {
	background:#fff;
	color:#000;
	padding:0px;
	position: relative;
	max-width: none;
	min-width::450px;
	height:15000px;
	margin-left: 0px;
	overflow:hidden;
	top: 360px;
}

#menu {
	top:130px;
	left:5px;
	position:absolute;
}

#carrinho {
	font:14px Verdana, Geneva, sans-serif;
	text-align:right;
	color:#FFF;
	width:150px;
	height:115px;
	right:10px;
	top:2px;
	position:absolute;
	border-left:dotted;
	padding-top:65px;
	}
	
#carrinho_elementos {
	display:block;
	float:none;
	width:120px;
	right:0px;
	position:absolute;
}

#carrinho_figura {
	position:absolute;
	top:1px;
	left:1px;
	text-align:center;
}
	
#login_box {
	width:170px;
	height:120px;
	right:2px;
	top:0px; 
	position:absolute;
	border-left:dotted #FFF thin;
	}
	
#login_box_elementos {
	font:12px Verdana, Geneva, sans-serif;
	color:#FFF;
	display:block;
	float:none;
	width:130px;
	text-align:left;
	right:27px;
	top:2px;
	position:absolute; }
	
#login_box_subelementos {
	text-align:right;
	right:1px;
	bottom:1px;
	position:absolute;
	color:#FFF;
	}
	
#login_box_botao {
	right:2px;
	top:24px;
	position:absolute; }
	
a.login_box_link { width:auto; height:auto; margin:0; padding: 2px 0 2px 3px; font: x-small Arial, Verdana; display:block;}
a.login_box_link:link { text-decoration: none; color:#FFF; }
a.login_box_link:visited { text-decoration: none; color:#FFF; }
a.login_box_link:hover {text-decoration: none; background-color:#09F; color:#FFF;  } 

a.radio_link { text-decoration:underline; color:#06F; font:Verdana, Geneva, sans-serif medium bold; }
a.radio_link:hover { text-decoration:underline; color: #006; font:Verdana, Geneva, sans-serif large bolder; }

/*Abaixo as configurações dos elementos do menu da esquerda*/

#dvdbox { overflow:hidden; right:5px; left: 5px; }

.listadedvds a {
text-decoration:none;
font: Arial, Helvetica, sans-serif;
color:#333;
font-size: small;
}

.listadedvds a:hover {
text-decoration:underline;
}

.listadedvds { display: block; overflow: hidden; width: 900px; }
.listadedvds li {display: block; float: left; width: 150px; height: 220px; text-align: center; font-size: 0.7em; margin-right:10px; margin-bottom:150px; }

.listadedvds_hp { display: block; overflow: hidden; width: 900px; margin-bottom:10px; }
.listadedvds_hp li {display: block; float: left; width: 150px; height: 220px; text-align: center; font-size: 0.7em; margin-right:10px; }

.dvdnav { 
bottom: 2px; width:90%; height: auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:medium; color:#000000; margin:0 auto;  
padding-top: 5px;
}

.dvdnav a {
text-decoration: underline;
font: Arial, Helvetica, sans-serif;
color: #0033CC;
font-size: medium; }
.dvdnav a:hover { text-decoration:none; }

#banner_topo { overflow:visible; }




.dvd_list_desc {
	font:Verdana, Geneva, sans-serif;
	font-size:small;
	font-style:normal;
	color: #000;
	text-align:left;
}

.dvd_list_title {
	background-image:url('http://www.animesul.com/imagens/site/layout_categories.png'); 
	background-repeat:repeat-xy;
	width:100%;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;

	font-size:medium;
	color:#FFF;
}

#capsula{ width:800px; height:4000px; }


.list_img {
	top:2px;
	left:2px;
	position:absolute;
	width:225px;
	height:300px;
}

.list_related {
	top:360px;
	left:2px;
	padding:10px;
	position:absolute;
	width:200px;
	height:auto;
	font-size:medium;
	font-weight:normal;
	border:dotted #900 medium;
}

.list_related_right {
	margin-top:190px;
	margin-left:550px;
	padding:10px;
	position:absolute;
	width:220px;
	height:auto;
	font-size:medium;
	font-weight:normal;
	border:dotted thick #900;	
}

.list_buy {
	margin-top:-50px;
	margin-left:550px;
	padding:10px;
	position:absolute;
	width:220px;
	height:auto;
	font-size:medium;
	font-weight:normal;
	border:dotted #69C thick;	
}

.list_info {
	margin-top:-50px;
	margin-left:250px;
	padding:5px;
	position:absolute;
	width:257px;
	height:245px;
	font-size:medium;
	font-weight:normal;
	border:dotted #69C medium;
}

.list_sin {
	color:#000;
	margin-top:215px;
	margin-left:250px;
	padding:10px;
	position:absolute;
	width:250px;
	height:auto;
	font-size:medium;
	font-weight:normal;
	border:dotted #69C medium;
}

.list_sin p.texto { color:#FFF; }

.list_amo {
	bottom:250px;
	left:100px;
	position:absolute;
}

.list_com {
	bottom:4000px;
	left:100px;
	position:absolute;
	font-size:medium;
	font-weight:normal;
}

.input_buy:hover { background-color:#6CF; }

.input_related { background-color: #E4E8F8; height:50px; margin-bottom:2px; margin-top:3px; color:#000; text-decoration:none; }
.input_related:hover { background-color:#6CF; text-decoration:underline; color:#FFF; }

.related_text { margin-left:45px; margin-top: -35px; position:inherit; text-decoration:none; }

.radio_frete {
background-color: #69E;
}

.radio_frete:hover {
background-color:#F93;	
}

div.dvd_config_index {
float:left;
padding: 0px 10px 5px 0px;
}

div.dvd_topo_index {
float:none;
width: 70px;
height:10px;
font:xx-small Arial,Verdana;
text-align:center;
color:#FFF;
background:#000;
padding: 0px 0px 0px 0px;
margin:0px;
border:0px;
list-style-type:none;
}

div.dvd_corpo_index {
width:70px;
height:100px;
background-color:#000000;
padding:0px 0px 0px 0px;
margin:0px;
border:0px;
}

div.dvd_bottom_index {
float:none;
width: 70px;
height: 7px;
background:#FFF;
background-image: url('http://www.animesul.com/imagens/site/dvd_bottom.jpg'); 
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin:0px;
border:0px;
list-style-type:none;
}

div.dvd_space_index {
padding: 0px 0px 20px 0px;
}


div.menu_titulo {
display: inherit;
float:none;
width: 150px;
height: 15px;
font:small Arial,Verdana;
text-align:center;
color:#FFF;
background:#FFF;
background-image: url('http://www.animesul.com/imagens/site/menue_titulos.jpg'); 
background-repeat: no-repeat;
padding: 0px 0px 0px 1px;
margin:0;
border:0;
list-style-type:none;
}

div.menu_space {
padding: 0px 0px 5px 0px;
}

div.menue_bottom {
display: inherit;
float:none;
width: 150px;
height: 15px;
background:#FFF;
background-image: url('http://www.animesul.com/imagens/site/menue_titulos_bottom.jpg'); 
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin:0;
border:0;
list-style-type:none;
}

div.menud_bottom {
display: inherit;
float:none;
width: 132px;
height: 15px;
background:#FFF;
background-image: url('http://www.animesul.com/imagens/site/menud_bottom.jpg'); 
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin:0;
border:0;
list-style-type:none;
}

div.menu_item {
display: block;
float:none;
width: 150px;
font:small Arial,Verdana;
font-size:small;
text-align:left;
background: #c3d1ff;
padding: 0px 0px 0px 0px;
margin: 0;
border:0;
list-style-type:none;
}

div.menu_titulod {
display: inherit;
float:none;
width: 132px;
height:15px;
font:small Arial,Verdana;
text-align:center;
color:#FFF;
background:#FFF;
background-image: url('http://www.animesul.com/imagens/site/menud_titulos.jpg');
background-repeat: no-repeat;
padding: 0px 1px 0px 1px;
margin:0;
border:0;
list-style-type:none;
}

div.menu_itemd {
display: block;
float:none;
width: 132px;
font:small Arial,Verdana;
color:#000;
text-align:center;
background:#c3d1ff;
padding: 0px 0px 0px 0px;
margin: 0;
border:0;
list-style-type:none;
}

div.menu_itemtop10 {
display: block;
float:none;
width: 150px;
font:small Arial,Verdana;
text-align:left;
background:#c3d1ff;
padding: 0px 0px 0px 0px;
margin: 0;
border:0;
list-style-type:none;
}

ul li.topo {
float: none;
display: inline;
width: auto;
font:small Arial,Verdana;
text-align:center;
padding: 3px 3px 3px 3px;
margin: 3px;
border:0;
list-style-type:none;
background-color:#6699FF;
}


.produtos li {
float: left;
display: inline;
width: 85px;
height: 150px;
left:1px;
right:1px;
font:small Arial,Verdana;
text-align:center;
padding: 20px 15px 0 0;
margin: 0;
border:0;
list-style-type:none;
overflow: hidden;
}

* h1 {
font:Arial, Helvetica, sans-serif;
font-size: large;
font-weight:bold;
color:#000;
border:0;
padding:0px 0px 0px 0px;
margin:0;
}

* h2 {
font:Arial, Helvetica, sans-serif;
font-size:medium;
font-weight:bold;
color:#000;
border:0;
padding:0px 0px 0px 0px;
margin:0;
}

* p {
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#000;
border:0;
padding:0;
margin:0;
}

fieldset.campocentral {
margin-right:50px;
padding: 5px;
	        border: 1px solid #ccc;
            text-align:left;
}

a.produtos { float: none; width:70px; height:150px; border:0; margin:0; padding: 0; font: xx-small Arial, Verdana; text-align:center;  }
a.produtos:link { text-decoration: none; color:#000; }
a.produtos:visited { text-decoration: none; color:#000; }
a.produtos:hover {text-decoration: none; color: #03C; font: small bold; } 

a.menu_topo { width:auto; height:auto; margin:0; padding: 2px 2px 2px 2px; font: medium Arial, Verdana; text-align:center; }
a.menu_topo:link { text-decoration: none; color:#000; }
a.menu_topo:visited { text-decoration: none; color:#000; }
a.menu_topo:hover {text-decoration: underline; background-color:#528fff; color:#fff;  } 

a.menu_item_linktop10 { width:auto; height:auto; margin:0; padding: 5px 0 5px 3px; font: x-small Arial, Verdana; display:block;}
a.menu_item_linktop10:link { text-decoration: none; color:#000; }
a.menu_item_linktop10:visited { text-decoration: none; color:#000; }
a.menu_item_linktop10:hover {text-decoration: none; background-color:#528fff; color:#fff;  } 

a.menu_item_link { width:auto; height:auto; margin:0; padding: 3px 0 1px 3px; font: small Arial, Verdana; display:block;}
a.menu_item_link:link { text-decoration: none; color:#000; }
a.menu_item_link:visited { text-decoration: none; color:#000; }
a.menu_item_link:hover {text-decoration: none; background-color:#528fff; color:#fff;  } 

/*Termina Aqui as configurações dos elementos do menu da esquerda*/


li.menu2 {
display: block;
position: relative;
float:none;
width: 132px;
text-align:center;
font:small Arial,Verdana;
border:1px solid #000000;
background:#c3d1ff;
}

li.top10 {
display: block;
position: relative;
float:none;
width: 132px;
text-align:left;
font:small Arial,Verdana;
border:1px solid #000000;
background:#c3d1ff;
}

ul.menu2 {
z-index: 1;
padding: 0 0 0 0;
display: block;
float: none;
position:relative;
width: 140px;
list-style-type: none;
}

table.bordas { 
border-collapse: collapse; 
margin:0; 
padding:0; 
border-spacing:0; 
}

div.topo {
vertical-align: top; }

div.conteudo { 
float:left;
text-align:center;
font:xx-small Arial,Verdana;
border:1px solid #000000;
background:#c3d1ff;
width: 132px;
}

div.conteudoblog { 
float:left;
text-align:center;
font:small Arial,Verdana;
border:1px solid #000000;
background:#c3d1ff;
width: 132px;
}


div.conteudotop10 { 
float:left;
text-align:left; 
font:xx-small Arial,Verdana;
border:1px solid #000000;
background:#c3d1ff;
width: 132px;
}

div.conteudop { 
float:left;
text-align:center; font-size:40px;
font:xx-small Arial,Verdana;
border:thin silver solid;
background:#fff;
}


img.escalaimgp {
width:80%; 
border:0;
}

span.titulo {
float:left;
text-align:center;
font:x-small Arial,Verdana;
color:#fff;
background: #000;
width: 132px;
border:1px solid #000000;
padding: 0;
margin:0;
}


/*Abaixo temos as classes para os links*/
a.linkmenup:link { text-decoration: none; font: x-small Arial, Verdana; color:#000; }
a.linkmenup:visited { text-decoration: none; font: x-small Arial, Verdana; color:#000; }
a.linkmenup:hover { text-decoration: none; font: x-small Arial, Verdana; background-color:#3366ff; color:#fff; }

a.linkmenu:link { text-decoration: none; font: x-small Arial, Verdana; color:#000; }
a.linkmenu:visited { text-decoration: none; font: x-small Arial, Verdana; color:#000; }
a.linkmenu:hover { text-decoration: none; font: x-small Arial, Verdana; background-color:#3366ff; color:#fff; } 


/*Abaixo temos o código responsável pelo arredondamento das bordas*/
span.topoRedondo, span.baseRedondo {
display:block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */
background: transparent; /* deixando o background tranparente para que sempre que mudarmos a cor de fundo do por exemplo, não seja necessário a mudança aqui. */
}

span.topoRedondo span, span.baseRedondo span {
display: block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */
height: 1px; /* declarando a altura dos spans poara 1px */
overflow: hidden; /* ocultando todo o conteúdo que poderia ser visualizado no span. Todo espaço é reduzido. Sem isso, no i.e. não é visualizado corretamente. */
background: #000; /* definindo a cor de fundo dos spans para verde. Sempre que quiser mudar a cor, essa é a parte que deverá ser alterada. */
}

span.rum { margin:0 5px; } /* Definindo a margem para 5px para as laterais e 0 para base e topo para o primeiro span */
span.rdois { margin:0 3px; } /* Definindo a margem para 3px para as laterais e 0 para base e topo para o segundo span */
span.rtres { margin:0 2px; } /* Definindo a margem para 2px para as laterais e 0 para base e topo para o terceiro span */
span.rquatro { margin: 0 1px; height: 1px; } /* Definindo a margem para 1px para as laterais e 0 para base e topo para o quarto span e definido a altura para ele de 2px, a única altura diferente dos demais.*/




ul, li{border:0; padding:0; margin:0; list-style:none; }

/* ----------- NAVIGATION----------- */
#top-navigation{
	background:url(http://www.animesul.com/biblioteca/topnav-bg.gif) repeat-x;
	width:auto;
	height:48px;
	margin:0 auto;
}
#navigation{
	background:url(http://www.animesul.com/biblioteca/nav-bg.gif) repeat-x; 
	height:32px; 
	margin:0 auto;
	width:auto; 
	}
	#navigation .right_link{
		float:right;
		font-size:11px;
		line-height:32px;
		margin:0 10px;
	}
	#navigation ul{
	 height:32px;
	 line-height:32px;	
	}
	#navigation ul li{
		display:inline;
	}
	#navigation ul li a,
	#navigation ul li a:visited {
		background:url(http://www.animesul.com/biblioteca/line-a.gif) right no-repeat;
		padding:0 20px;
		display:block;
		text-decoration:none;
		float:left;
		color:#000000;
		font-weight:bold;
	}
	#navigation ul li a:hover{
		color:#FFFFFF;
		background:#528fff;
	}	
/* ----------- SUBLINKS ----------- */
#sublinks{
	font-family:Arial, Helvetica, sans-serif;
	width:auto;
	margin:0 auto;
	background:#888888 url(http://www.animesul.com/biblioteca/sublink.gif);
	height:32px;
	font-size:x-small;
}	
	#sublinks ul{
	 height:32px;
	 line-height:31px;	
	}
	#sublinks ul li{
		display:inline;
	}
	#sublinks ul li a,
	#sublinks ul li a:visited {
		padding:0 5px;
		display:block;
		text-decoration:none;
		float:left;
		color:#FFFFFF;
	}
	#sublinks ul li a:hover{
		text-decoration:underline;
	}	
.style1 {
	font-size: x-small;
	font-weight: bold;
}








#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	max-width:1000px;

	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both; max-width:1000px; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	


#painel_elementos_info { float:left; width:97%;	height:auto;	margin-top:10px;	position: relative; }
#painel_elementos_info ul { list-style: none;  }
#painel_elementos_info li {	display: inline;	float:left; padding-left:15px;	display:block; 	margin-right: 35px; margin-bottom:10px; } 
#painel_elementos_info li p { color: #000; } 
#painel_elementos_info li p:hover { background-color: #036; color:#FFF; text-decoration:underline; } 

#painel_elementos_pedidos { float:left; width:97%;	height:auto;	margin-top:5px;	position:relative; }
#painel_elementos_pedidos ul { list-style: none; }
#painel_elementos_pedidos li {	display: inline;	float:left; padding-left:15px;	display:block; 	margin-right: 35px; margin-bottom:10px; } 
#painel_elementos_pedidos li p { color: #000; } 
#painel_elementos_pedidos li p:hover { background-color: #036; color:#FFF; text-decoration:underline; } 

#painel_elementos_comunica { float:left; width:97%;	height:auto;	margin-top:5px;	position:relative; }
#painel_elementos_comunica ul { list-style: none; }
#painel_elementos_comunica li {	display: inline; float:left; padding-left:15px;	display:block; 	margin-right: 35px; margin-bottom:10px; } 
#painel_elementos_comunica li p { color: #000; } 
#painel_elementos_comunica li p:hover { background-color: #036; color:#FFF; text-decoration:underline; } 

.painel_elementos_titulo { 
width:90%; text-align: center; margin-bottom:5px; font-weight: bold; color:#FFF; font-size:large; font:Tahoma, Geneva, sans-serif; background-color:#06C;}

</style>












