/*
###############################################################################
Cliente: lojas mariella
Projeto: Site e Sistema de CMS WEB 2 - 2009 -
código: SISTEMAEMPRESARIAL@GMAIL.COM
###############################################################################
*/

@charset "utf-8";

/*
###############################################################################
DOCUMENTO CSS
###############################################################################


###############################################################################
GERAL
###############################################################################
*/

  * { margin: 0; padding: 0; } /* reseta todas as margens e paddings do site */
 
  body 	{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333; background:url(../img/fundo.jpg); background-repeat:no-repeat}
  html, body {  font: 100% Arial, Helvetica, sans-serif; }
  html { padding-top: 1px; }
  body { margin: 0 auto;  }
  
 .limites { position: relative; width: 988px; margin: 0 auto; font-size: .68em; color: #6b6b6b; }
  
/*
###############################################################################
CLASSES
###############################################################################
*/
    .direita { float: right; }
    .esquerda { float: left; }
    p.direita, p.esquerda { float: none; }
    p.direita { text-align: right; }
    p.esquerda { text-align: left; }
    .centro { text-align: center; }
    
    a img { border: 0; }
	input { border:1px solid #CCC; padding:3px; height:22px;}
	
	a:link, a:visited, a:active {color:#000; text-decoration:underline; font-size:11px; font-weight:bold;}
	
	a:hover {color:#000; text-decoration: underline; font-size:11px; font-weight:bold;}
	
	
/*
###############################################################################
OBJETOS
###############################################################################
*/


#busca {
	float:none;
	position:absolute;
	left:0px;
	top:152px;
	width:986px;
	height:56px;
	background-color:#eeeeee;
	border:solid;
	border-width:1px;
	border-color:#E8E8E8;
}

.campo-top{
width:160px;
border:2px solid #CCC;
background:#fff;
padding:5px;
color: #666;
}

#busca ul li{
	float:left;
	list-style-type: none;
	width:169px;
	height:10px;
	padding:3px;	
}

.buscarbtn {
margin-top:3px;
	height:29px;
	width:100px;
	background:url(../img/buscar.jpg) no-repeat;
	border:none;
	cursor:pointer;
}

#conteudoesquerda {
	float:none;
	position:absolute;
	left:0px;
	top:204px;
	width:695px;
	height:770px;
	background-color: #FFFFFF;
}

#videoedizer {
	float:none;
	position:relative;
	left:0px;
	top:0px;
	width:695px;
	height:380px;
	background-color:#FFF
}

#topo {
	height:212px;
	
}
#conteudo-paginas{
	padding-top:212px;
	
}





.link-texto:link, .link-texto:active, .link-texto:visited{
	text-decoration:none;
	font-size:12px;
	color:#666;
	
}
.link-texto:hover{
	text-decoration:underline;
	font-size:12px;
	color:#666;
	
}

.link-titulo:link, .link-titulo:active, .link-titulo:visited{
	text-decoration:none;
	font-size:14px;
	color:#333;
	font-weight:bold;
	
}
.link-titulo:hover{
	text-decoration:underline;
	font-size:14px;
	color:#333;
	font-weight:bold;
	
}







#tiker {
	float:none;
	position:absolute;
	left:0px;
	top:0px;
	width:695px;
	height:403px;
}


#conteudodireita {
	float:none;
	position:absolute;
	left:695px;
	top:204px;
	width:284px;
	height:808px;
	clear:both;
}
#banner_direita{
	float:right;
	position:relative;
	left:0px;
	top:0px;
	width:277px;
	height:396px;
	background-image:url(../img/fundo_verdefora.jpg)
}
#banner_direita2{
	float:right;
	position:relative;
	left:0px;
	top:5px;
	width:277px;
	height:396px;
	background-image:url(../img/fundo_laranjfora.jpg)
}

#banner_direitadentro{
	float:none;
	position:relative;
	left:0px;
	top:27px;
	width:239px;
	height:339px;
	background-image:url(../img/fundo_verdedentro.jpg)
}
#banner_direita2dentro{
	float:none;
	position:relative;
	left:0px;
	top:30px;
	width:239px;
	height:339px;
	background-image:url(../img/fundo_laranjdent.jpg)
}

.font-f:link, .font-f:active, .font-f:visited{
	font-size:16px;
	color:#333;
	text-decoration:none;
	
}
.font-f:hover{
	font-size:16px;
	color: #000;
	text-decoration:underline;
	
}



#clear{
	clear:both;
}



#footer {
	position:absolute;
	top:900px;
	width:100%;
	height:216px;
	clear:both;
	background-image: url(../img/rodapebg.jpg); background-repeat:no-repeat; background-position:center;
}

#conteudo-rodape{
	width:990px;
	margin: 20px auto;
	
}

#links-rodape{
	list-style:none;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
}

#links-rodape li{
	float:left;
	padding:0 20px 0 0;
}
#links-rodape li a{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	
	font-size:14px;
}

#links-rodape li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color: #C4E7FF;
	font-size:14px;
	text-decoration:underline;
}

#enderecos-rodape{
	padding:30px 0 0 10px;
	font-size:12px;
	line-height:25px;
	color:#FFF;
	list-style:none;
}

#copyright{
	padding:40px 0 0 10px;
	font-size:16px;
	line-height:25px;
	color: #87B1D2;
	list-style:none;
}
#ass-3w3{
	float:right;
	margin-bottom:1px;
	
}
/*
	Content Slider
	CODE BY: vinicius@3w3

	Estrutura ticker
	Slider
*/

#featured{
	width:695px;
	padding-right:250px;
	position:relative;
	height:358px;
	background:#fff;

}

#featured ul.ui-tabs-nav{
	position:absolute;
	top:358px;
	left:480px;
	list-style:none;
	padding-left:35px;
	margin:0;
	width:180px;
	height:40px;
	background:url(../img/tickernavbg.jpg);
	background-repeat:no-repeat;

}

#featured ul.ui-tabs-nav li{

text-align:center;
width:15px;
height:18px; 
padding: 0px 10px 15px 0px; 
float:left;  
font-size:12px; 

}


#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px;
	margin-top:0px;
}

#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:18px;
	text-decoration:none; 
	color:#4A4A4A;  background:#fff; 
	line-height:18px;
	padding-top:0px;
	background-image:url(../img/bg_tiker.jpg);
	background-repeat:no-repeat; 
}

#featured li.ui-tabs-nav-item a:hover{ 
background-image:url(../img/bg_tiker_sele.jpg);
background-repeat:no-repeat; 
}

#featured li.ui-tabs-selected{ 
background-image:url(../img/bg_tiker_sele.jpg);
background-repeat:no-repeat; 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background-image:url(../img/bg_tiker_sele.jpg);
background-repeat:no-repeat; 
}

#featured .ui-tabs-panel{
	width:695px;
	height:358px;
	background:#fff;
	position:relative;
}

#featured .ui-tabs-hide{ 
	display:none; 
}