
body
{
	margin: 0px 0;
	padding: 0;
	font: 74% Arial, Sans-Serif;
	color: #d3ebf7;
	background: #d3ebf7 url(../../images/bg.jpg) repeat-x;
	line-height: 1.4em;
}


.content
{
	background-position: center;
	background-image: url(../../images/mainbg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	color: #ccc;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

h1
{
	background-image: url(../../images/h.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #075181;
	font-size: 150%;
	font-weight: bold;
	margin: 5px 0 5px 0px;
	padding: 10px 0 10px 30px;
}
h2 { 
	background-image: url(../../images/h.gif);
	background-repeat: no-repeat;
	background-position: left;
	color:#075181;
	font-size:140%; 
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
	padding:0 0 0 30px; 
}

h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }

h3
{
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	color: #41a8e3;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial Narrow;
}
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { color: #68ADD5; background: inherit; text-decoration:none; }

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top
{
	padding: 0;
	margin: 0;
	background-image: url(../../images/top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 44px;
	color: #FFFFFF;
}

#top .padding { 
	float: right;
	color: #808080;
	padding: 20px 25px 0 0;
	font-size: 90%;
}

#top a
{
	color: #FFFFFF;
	
}

#top a:hover
{
	text-decoration: underline;
}

#date
{
	padding-top: 25px;
	padding-left: 35px;
	color: #FFFFFF;
}

#header { 
	margin: 0; 
	width: 1000px; 
	background: #036EB4 url(../../images/header.jpg) no-repeat center top;  
	height: 149px; 
	color: #FFFfff; 
}

#header .logo
{
	float: left;
	margin-left: 50px;
	padding-top: 8px;
}

#header .searchCenter
{
	padding-top: 35px;
	float: left;
	padding-left: 70px;
}

#header .ItensSacola
{
	background-position: center top;
	background: url(../../images/ItensSacola.png) no-repeat center top;
	width: 148px;
	height: 62px;
	padding-left: 30px;
}

#header .fonte_tp_preto
{
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

#header .title {	padding: 45px 0 0 50px; }
#header h1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 0;
	background-image: none;
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		background-image: none;
		color: #075181;
		margin: 0;
		padding: 0 0 0 2px;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader
{
	background-color: #000;
	background-position: center;
	background-repeat: repeat-y;
	width: 770px;
	height: 35px;
	color: #FFF;
	margin-left: 15px;
}

/* PRODUTOS
---------------------------------------------------------------------------------------------------------------------------------------------------*/


.prodimg
{
	 width: 100px;
	 padding-bottom: 15px;
	 
}

 .prodnome
{
	
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #075181;
	font-weight: bold;
	
}

#ProdutoFull .Img
{
	width: 100px;
	
}

#ProdutoFull .Nome
{
	
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #075181;
	font-weight: bold;
	font-size: 130%;
	
}

#ProdutoFull p
{
 padding-left: 15px;
 padding-top: 10px;
 
 
}

/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/

#navigation
{
	background-position: right top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../../images/TopFloral.jpg) no-repeat center top;
	height: 35px;
	color: #FFFFFF;
	padding-top: 7px;
}

#navigation a:hover
{
	text-decoration: underline;
}

#navigationProdutosLaranja
{
	background-position: right top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../../images/FloralLaranja.jpg) no-repeat center top;
	height: 35px;
	color: #FFFFFF;
	padding-top: 7px;
}

#navigationProdutosMarrom
{
	background-position: right top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../../images/FloralMarrom.jpg) no-repeat center top;
	height: 35px;
	color: #FFFFFF;
	padding-top: 7px;
}

#navigationProdutosRosa
{
	background-position: right top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../../images/FloralRosa.jpg) no-repeat center top;
	height: 35px;
	color: #FFFFFF;
	padding-top: 7px;
}

#navigationProdutosVermelho
{
	background-position: right top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../../images/FloralVermelho.jpg) no-repeat center top;
	height: 35px;
	color: #FFFFFF;
	padding-top: 7px;
}

#navigationProdutosVerde
{
	background-position: right top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../../images/FloralVerde.jpg) no-repeat center top;
	height: 35px;
	color: #FFFFFF;
	padding-top: 7px;
}



#navigation .breadcrumb
{
	 float: left;
	 padding-left: 35px;
	 padding-top: 5px;
	 color: #FFFFFF;
}

#navigationProdutosRosa .breadcrumb
{
	 float: left;
	 padding-left: 35px;
	 padding-top: 5px;
	 color: #FFFFFF;
}

#navigationProdutosLaranja .breadcrumb
{
	 float: left;
	 padding-left: 35px;
	 padding-top: 5px;
	 color: #FFFFFF;
}


#navigationProdutosMarrom .breadcrumb
{
	 float: left;
	 padding-left: 35px;
	 padding-top: 5px;
	 color: #FFFFFF;
}

#navigationProdutosVerde .breadcrumb
{
	 float: left;
	 padding-left: 35px;
	 padding-top: 5px;
	 color: #FFFFFF;
}


#navigation .login
{
	 float: right;
	 margin-right: 40px;
	 color: #FFFFFF;
	 padding-top: 5px;
}

.Btn
{
	border: 1px solid #000000;
}

.nav { text-align: left; color: 	#7D8085; padding:  12px 0 0 0px; width: 280px; }
.nav li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px dotted #ccc; 
	
	list-style: none;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;}
.nav .a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;}
.nav li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}
.nav .a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}


#menu
{
	background-position: left top;
	background: #FFFFFF url(../../images/menu.jpg) no-repeat center bottom;
	width: 970px;
	height: 35px;
	font-weight: bold;
}


#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li
{
	float: left;
	color: #FFF;
	margin: 0;
	padding: 0 0 0 0px;
}
#menu a:hover { text-decoration:underline;}  
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }



/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/

#banertop
{
	padding-top: 2px;
	padding-right: 10px;
	position: relative;
	height: 250px;
	
}

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { width: 970px; margin: 0 20px 0 20px; color: #808080; }  
#main .right_side
{
	float: right;
	margin: 0;
	width: 280px;
	padding-right: 35px;
	padding-top: 0px;
}

#main .right_side .hitems { margin: 0; 	padding: 0; }
#main .right_side .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url(../../images/arrow.gif);
}
	
#main .right_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
	 
}

#main .left_side
{
	float: left;
	padding-left: 15px;
	padding-top: 12px;
	width: 600px;
	background: #FFF;
	margin: 0;

}

.left_side img
{
	border-style: none;
}

.areas  { 
	 width: 800px;
}

.areas a
{

	color: #546078;
	text-decoration: none;
	padding: 5px 0 0 0px;
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	text-transform: uppercase;
}
.areas a:hover
{
	color: #075181;
	text-decoration: none;
	background: #E5F6FF;
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	text-transform: uppercase;

}


#main h3
{
	background-position: inherit;
	font-family: arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 100%;
	color: #CC0000;
	background: inherit;
	border-bottom: 1px solid #036CB4;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
}

#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .right_side  .padding {
margin: 0 0 20px 15px;
	padding: 0 0 0 0px;
	color: #555;
}




/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { 
	clear:both;
	height: 43px;
	color:#ccc;  
	background: #000 url(../../images/footer.jpg) top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

#footer a { color: #E0F5FF; }
#footer a:hover {text-decoration:underline; }

#JulioFlash
{
	padding-left: 15px;
}