@charset "utf-8";
/* CSS Document */




/* Defaults */

*
{
padding:0px;
margin:0px;
}

body{
	background:#fff;
	text-align:center;
	font-family:trebuchet ms, arial, helvetica;
	font-size:12px;
	color:#69b6c7;
}

.clear{
	clear:both;
}

a 
{
    color:#69b6c7;
    text-decoration:none;
    font-weight:bold;
}

a.alerta
{
    color:#ffffff !important;
    text-decoration:underline !important ;
    font-weight:bold !important;
}

/* Diagramacao basica */

#wrapper{
	background:url(../../Images/Teens/bg_wrapper.jpg);
}

	#container{
		background:url(../../Images/Teens/bg_content.jpg) center top repeat-y;
	}
	
		#container2{
			background:url(../../Images/Teens/bg_container.png) center top no-repeat;
		}


/* Estilos do cabecalho */

#header{
	position:relative;
	width:970px;
	margin:0 auto;
}

	#header h1{
		width:135px;
		height:91px;
		position:absolute;
		top:74px;
		left:55px;
		z-index:1;
	}
	
		#header h1 a{
			display:block;
			width:135px;
			height:91px;
			text-indent:-5000em;
			overflow:hidden;
			background:url(../../Images/Teens/logo.gif);
		}

/* Estilos do conteudo */


#content{
	width:620px;
	margin:0 auto;
	text-align:left;
	padding-top:140px;
	position:relative;
    top: 0px;
    left: 0px;
}

	/* Cada um dos titulos das paginas */
	#content h2{
		text-indent:-5000em;
		overflow:hidden;
		width:308px;
		height:125px;
		position:absolute;
		top:37px;
		left:-127px;
		z-index:10;
	}
	
	#content p
	{
	    padding:10px 0 10px 0;
	}
	
	#content h4
	{
	    font-size:24px;
	    font-weight:bold;
	}
	
	#content ul
	{
	    padding:0 0 0 40px;
	}
	
	#content li
	{
	    padding:0 0 10px 0;
	}
	
/* Estilos do rodape */

#footer{
	background:url(../../Images/Teens/bg_footer.jpg) center top repeat-x;
	background-color:#ffffff;
	position:relative;
}

	#footerwrapper{ /* mantem o conteudo do rodape centralizado */
		width:970px;
		height:180px;
		margin:0 auto;
		background:url(../../Images/Teens/bg_footer_composicao.png) no-repeat;
		padding-top:148px;
		text-align:left;
	}	
		
div.menu
{
    width:680px;
    height:auto;
    position:absolute;
    top:2px;
    left:151px;
    z-index:999999999;
}

div.logo_acne
{
    width:150px;
    height:118px;
    position:absolute;
    top:60px;
    left:44px;
}

div.conteudo_principal
{
    width:620px;
    min-height:315px;
    height:315px;
    padding-top:80px;
    position:relative;
}

html>body .conteudo_principal {
    height: auto;
}
		
div.rodape 
{
    width: 100%; 
    height: auto;
	margin:0 auto;
	text-align:left;
	position:relative;
    top: 0px;
    left: 0px;
    text-align:left;
    z-index:99;
}

div.titulos_internas
{
    width:292px;
    height:126px;
    position:absolute;
    top:124px;
    left:30px;
}

div.buscar_forum_blog
{
    width:175px;
    height:70px;
    position:absolute;
    top:127px;
    left:386px;
}

div.usuario_logado
{
    width:170px;
    height:auto;
    position:absolute;
    top:140px;
    left:580px;
}

div.usuario
{
    width:170px;
    height:auto;
    text-align:left;
    color:#c61ecb;
}

.links_usuario_logado
{
    color:#c61ecb !important;
}

div.usuario_meninos
{
    width:170px;
    height:50px;
    text-align:left;
    color:#0a5826;
}

.links_usuario_logado_meninos
{
    color:#0a5826 !important;
}

div.imagem_meninas
{
    width:45px;
    height:45px;
    border:2px solid #c61ecb;
    float:left;
}

div.imagem_meninos
{
    width:50px;
    height:50px;
    border:2px solid #0a5826; 
    float:left;
}

.usuario_espacamento
{
    margin-right:10px;
}

.limpar
{
    margin:0;
    padding:0;
}

div.conteudo_principal_produtos
{
    width:348px;
    min-height:245px;
    height:245px;
    padding-top:10px;
}

html>body .conteudo_principal_produtos {
    height: auto;
}

div.conteudo_rodape_produtos
{
    width:620px;
    height:220px;
    margin-top:20px;
    position:relative;
}

div.divisa_produtos
{
    background-image:url('../../Images/Teens/Produtos/divisa.jpg');
    background-repeat:repeat-x;
    width:auto;
    height:35px;
}

div.outros_produtos
{
    background-image:url('../../Images/Teens/Produtos/outros_produtos.jpg');
    background-repeat:no-repeat;
    width:230px;
    height:40px;
}

.float
{
    float:left;
}

div.conteudo_imagem_produto
{
    width:236px;
    height:auto;
    position:absolute;
    left:378px;
    top: 81px;
}

.espacamento_direito
{
    margin-right:8px;
}

.estilo_borda
{
    border:1px solid #dcdcdc;
    background-image:url('../../Images/Teens/formulario/txt_box_centro.jpg');
    background-repeat:repeat-x;
    font-family:Arial;
    font-size:11px;
    color:#929191;
}

.CustomValidatorCalloutStyle
{
    border:1px solid red !important;
}

/* VALIDATOR */

 .ValidationSummary
{
max-width:600px;
min-width:200px;
width:600px;
height:auto;
background-color:#6E2220;
padding:0px 0px 10px 0px;
margin-bottom:10px;
background-image:url('../../Images/ErrorCircle-32.png');
background-repeat:no-repeat;
background-position: 10px center;

}

.ValidationSummary li
{
color:#FFF!important;
font-size:12px;
font-weight:bold;
padding:10px 0px 0px 0px;
margin-left: 45px!important;

}

.CustomValidatorCalloutStyle
{
display:none;
border:solid 1px red;
}

.HighlightCssClass
{
border:solid 1px red;
}
/* VALIDATOR */

.ValidationSite
{
    max-width:620px;
    min-width:200px;
    width:580px;
    height:auto;
    color:#FFF!Important;
    font-weight:bold;
    background-color:#cc0000;
    background-image:url('../../Images/img_erro.png');
    background-position:10px center;
    background-repeat:no-repeat!Important;
    padding:16px 10px 16px 40px;
    font-size:10px !important;
}

.container_texto_alerta
{
    width:522px;
    padding:12px 0px;
    text-align:justify;
    float:left;
    margin-left:12px;
}

.container_tire_duvidas
{
    height:534px;
    display:table;
}

p.titulos_mitos_verdades
{
    font-size:18px;
    color:#7bb125;
    font-weight:bold;
}