/**************************************************
 *************[ WAIO SOLUÇÕES EM TI ]**************
 **************************************************

	+ Rafael Wahasugui
	+ http://www.snowfly.com.br
	+ 09/09/2009
	
/*---------------[ default styles ]---------------*/

	* { margin:0; padding:0 }
	li { list-style:none; }
	a {	text-decoration:none; color:#FFF; outline:none}
	h5 { font-size:14px; font-weight:bold; }
	.marca { color:#C00; font-family:Verdana, Tahoma, sans-serif; font-weight:bold}
	.eye {color:#FFF; font-weight:bold}

/*---------------[ default styles ]---------------*/

/**************************************************
 ****************[ GLOBAL STYLES ]*****************
 **************************************************/

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin:0;
	padding:0;
	background-image:url(../img/background.png);
	background-attachment:fixed;
}
#corpo {
	position:absolute;
	width:850px;
	left:50%;
	margin-left:-425px;
	padding:0 0 0 0px;
}

#bcommerce{
position:absolute;
top:10px;
left:50%;	
margin-left:100px;
}

/*--------------------[ TOP ]---------------------*/

#logo { 
	float:left;
	width:850px;
	height:105px;
}
#top {
	float:left;
	width:850px;
	height:350px;
}
#menu {
	float:left;
	width:850px;
	height:40px;
	background:url(../img/bkg_menu.jpg) repeat-x;
}
/* >>> itens do menu superior <<< */
.Mhome { 
	display:block;
	width:98px;
	height:40px;
	padding:40px 0 0 0;
	background:url(../img/bt_home1.jpg) no-repeat; }
.Mhome:hover { background:url(../img/bt_home2.jpg) no-repeat; }
.Mcolecoes {
	display:block;
	width:112px;
	height:40px;
	padding:40px 0 0 0;
	background:url(../img/bt_colecoes1.jpg) no-repeat; }
.Mcolecoes:hover { 	background:url(../img/bt_colecoes2.jpg) no-repeat; }
.Mgalerias { 
	display:block;
	width:114px; 
	padding:40px 0 0 0;
	background:url(../img/bt_galerias1.jpg) no-repeat; }
.Mgalerias:hover { background:url(../img/bt_galerias2.jpg) no-repeat; }
.Mempresa { 
	display:block;
	width:112px; 
	padding:40px 0 0 0;
	background:url(../img/bt_empresa1.jpg) no-repeat; }
.Mempresa:hover { background:url(../img/bt_empresa2.jpg) no-repeat; }
.Mproduto { 
	display:block;
	width:109px; 
	padding:40px 0 0 0;
	background:url(../img/bt_produto1.jpg) no-repeat; }
.Mproduto:hover { background:url(../img/bt_produto2.jpg) no-repeat; }
.Mcontato { 
	display:block;
	width:109px; 
	padding:40px 0 0 0;
	background:url(../img/bt_contato1.jpg) no-repeat; }
.Mcontato:hover { background:url(../img/bt_contato2.jpg) no-repeat; }
.Mnews { 
	display:block;
	width:90px; 
	padding:40px 0 0 0;
	background:url(../img/bt_news1.jpg) no-repeat; }
.Mnews:hover { background:url(../img/bt_news2.jpg) no-repeat; }
.MGives { 
	display:block;
	width:106px; 
	padding:40px 0 0 0;
	background:url(../img/bt_Gives1.jpg) no-repeat; }
.MGives:hover { background:url(../img/bt_Gives2.jpg) no-repeat; }
.Msnow { 
	display:block;
	width:106px; 
	padding:40px 0 0 0;
	background:url(../img/bt_snow1.jpg) no-repeat; }
.Msnow:hover { background:url(../img/bt_snow2.jpg) no-repeat; }
#menu ul li { float:left; }

/* >>> itens do menu superior <<< */
#topBanner {
	position:absolute;
	width:828px;
	height:276px;
	top:145px;
	left:0px;
	clear:both;
	padding:12px 10px 0 10px;
	background-color:#000;
	background:url(../img/bkg_topbanner.jpg) repeat-x;
	border:1px solid #353535;
	border-top:1px solid #5a1111;
}
#banner {
	float:left;
	width:828px;
	height:250px;
	background-color:#FFF;
}
/* >>> Slideshow <<< */
#slideshow { 
    position:relative;
    height:250px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }

/*------------------[ END TOP ]-------------------*
 **************************************************
 *------------------[ CONTENT ]-------------------*/
#conteudo {
	float:left;
	width:850px;
	min-height:450px;
	padding:20px 0 0 0;
	margin-bottom:50px;
}
.contPrincipal {
	float:left;
	width:850px;
	min-height:350px;
	padding:0 0 30px 0;
	background-color:#141212;
	color:#9e9f9f;
}
/* >>> index <<< */
.contIndex {
	float:left;
	width:850px;
	min-height:250px;
	padding:100px 0 30px 0;
	background-color:#141212;
	color:#9e9f9f;
}
.contText {
	width:400px;
	margin:15px 0 0 60px;
	text-align:justify;
}
#contOutros {
	width:800px;
	height:300px;
	margin:15px 0 0 50px;
	border-top:5px solid #424649; 
}
.contOutrosItens {
	float:left;
	width:370px;
	height:300px;
}
/* >>> END index - colecoes <<< */
/* >>> galeria <<< */
#galeria { 
	float:left;
	width:450px;
	display:inline;
}
.catGaleria {
	float:left;
	width:440px;
}
.contGaleria {
	float:left;
	width:430px;
	display:inline;
	margin:0 0 20px 0;
	padding:30px 0 0 10px;
}
.contGaleria ul li { 
	float:left;
	margin-right:2px;	
}
/*.item {
	float:left;
	width:100px;
	height:90px;
	margin:15px 2px 0 0;
	background-color:#FFF;
	border:1px solid red;
}*/
.nome {
	width:75px;
	height:25px;
	padding:0 0 0 3px;
	margin:3px 12px 20px 0;
	font-weight:bold;
	color:#333;
	background-color:#FFF;
}
#lateral {
	float:left;
	top:0;
	width:400px;
	background-color:#171616;
	display:block;
}
#latTop {
	float:left;
	width:395px;
	height:25px;
	background:url(../img/bkg_menu.jpg) repeat-x;
	padding:15px 0 0 5px;
	font-weight:bold;
	font-size:14px;
}
#preview {
	float:left;
	width:400px;
	height:308px;
	background-color:#2e2f2f;
}
#preview p {
	margin:10px 0 0 5px;
	font-size:14px;
		
	
}
#tabLat {
	float:left;
	width:400px;
	height:25px;
	margin:33px 0 0 0;
}
#tabLat li {
	float:left;
	width:190px;
	height:21px;
	padding:4px 0 0 10px;
	background-color:#171616;
}
#tabLat li.selected,
#tabLat li:hover{
	float:left;
	width:190px;
	height:21px;
	padding:4px 0 0 10px;
	background-color:#333434;
}
#tabLat a { color:#FFF; }
#thumbs {
	float:left;
	width:400px;
	height:250px;
	background-color:#2e2f2f;
}/* >>> END colecoes - galerias <<< */
#contGalerias {
	float:left;
	width:850px;
	height:580px;
	color:#2e2d2d;
	padding:20px 0 0 0;
	overflow:hidden;
	background-color:#FFF;
	background:url(../img/bkg_colecoes.gif) no-repeat;
}
#itensGalerias {
	float:left;
	width:405px;
	height:600px;
	margin:70px 0 0 70px;
}
#galerias {
	width:580px;
	margin:30px;
	padding:10px 0 0 0;
}
#galerias ul { list-style: none; }
#galerias ul li { display: inline; }
#galerias ul img {
	border: 1px solid #45494d;
	border-width:2px 2px 3px;
}
#galerias ul a:hover img {
	border: 1px solid #6a6d71;
	border-width:2px 2px 3px;
	color: #fff;
}
#galerias ul a:hover { color: #fff; }
/* >>> easing <<< */
.itemGaleria { 
	float:left;
    width:393px;
    height:100px;
	margin:5px;
    color:#191919;
    text-align:center;
    overflow:hidden;
	background:#e7e7e7;
	border:1px solid #d0d0d0;
}
.itemNome {
	float:left;
	font-family:Verdana, Tahoma, sans-serif;
	font-weight:bold;
	color:#323232;
	padding: 3px 0 0 10px;
}
.itemDescricao{
	width:383px;
	height:22px;
	margin:7px 0 0 0;
	padding:3px 0 0 10px;
	float:left;
	color:#323232;
	background-color:#d0d0d0;
	text-align:left;
}
/* >>> END galerias - empresa <<< */
#contEmpresa {
	float:left;
	width:850px;
	height:430px;
	padding:70px 0 0 0;
	background-color:#141212;
	background:url(../img/bkg_empresa.gif) no-repeat;
}
/* >>> END empresa - news <<< */
#contNews {
	float:left;
	width:850px;
	height:430px;
	padding:70px 0 0 0;
	background-color:#141212;
	background:url(../img/bkg_news.gif) no-repeat;
}
/* >>> END news - produto <<< */
#contProduto {
	float:left;
	width:850px;
	height:530px;
	padding:70px 0 0 0;
	background-color:#141212;
	background:url(../img/bkg_produto.gif) no-repeat;
}
.contProdItens {
	float:left;
	width:400px;
	height:350px;
	padding:0 0 0 10px;
}
/* >>> END produto - contato <<< */
#contContato {
	float:left;
	width:850px;
	height:600px;
	background-color:#141212;
}
#contato {
	float:left;
	width:350px;
	height:500px;
	color:#FFF;
	margin:20px 0 0 60px;
	padding:0 20px 0 0;
	display:inline;
	text-align:justify;
	border-right:2px dashed grey;
}
#contato a {
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
}
/* >>> formulario contato <<< */
#contatoForm { 
	float:left;
	width:260px;
	height:450px;
	margin:20px 0 0 20px;
	padding:10px 20px 20px 20px;
	border:1px dashed grey;
	background-color:#333;
}
input, textarea, select{ 
	border:1px solid #c0c0c0; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333; 
	margin:2px 5px 0 3px;
}
fieldset { border:none }
legend { display:none }
.formIdent input, .formEnd input { width:250px }
.formIdent { height:200px }
.formEnd { height:100px }
select.pequeno{ width:40px }
select.pequeno-maior{ width:75px }
select.medio{ width:150px }
select.grande{ width:300px }
fieldset.linha label{
	width: auto;
	display: block;
	margin: 0 5px;
	line-height: 15px;
}
fieldset.linha input{
	width: auto;
	margin-right: 5px;
}
.formComent textarea {
	width:250px;
	height:100px;
	overflow:auto;
}
.formComent button { 
	float:right; 
	width:50px;
	height:20px;
	margin:7px;
	border:none;
	background-color:#CCC;
	color:#333;
}

/*----------------[ END CONTENT ]-----------------*
 **************************************************
 *------------------[ FOOTER ]--------------------*/
#footer {
	width:850px;
	height:30px;
	margin:50px 0 0 0;
}
#copyright {
	position:absolute;
	width:850px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	bottom:5px;
	color:#666;
}
.footSmall {font-size:9px; color:#999}
.devLink {font-size:9px; color:#999}
.devLink a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666}
.devLink a:hover {color:#069}

/*-----------------[ END FOOTER ]-----------------*/

/************************************************** 
 ************************************************** 
 **************************************************/
 
#carregando{
	display:none;	
}

#boxLink {
	float:left;
	width:980px;
	height:75px;
	padding:20px 10px 20px 10px;
	text-align:center;
	background-color:#f3f3f3;
	border-top:1px solid #e1e1e1;
}
#boxLink .link1 {margin-right:15px}
#boxLink .link2 {margin:0 30px 0 15px}


/* Codigo de desconto - 03-10-2011 */
.box-codigo-desc {
	border:none;
	margin-top:5px;
	margin-bottom:5px;
	background:#F5F5F5;
	display:block;
	padding:8px;
}

.box-codigo-desc input[type=text] {
	border:1px solid #8C8C8C;
	padding-left:3px;
}

label#lbl-cod-desc {
	margin-right:45px;
	color:#6E6E6E;
	font-size:11px;
	font-weight:bold;
}

/* botão - confirmar codigo de desconto */
.btnCodigoDesc {
	border:none;
	width:126px;
	background:url(../img/bt_codigo_desc.jpg) no-repeat;
}