/* CSS Document */

/* AltecShop */

*{
	margin:0;
	padding:0;
	border:none;
}

body{
	background:#fff url(https://ssl461.websiteseguro.com/altecshop/imgs/backtopo.jpg) repeat-x;
	text-align:center;
}

.laranja{
	color:rgb(216, 53, 38);
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
}

/*----------MENUTOPO----------*/

#menutopo{
	position:relative;
}

/*areamenu*/

#areamenu{
	position:relative;
	width:901px;
	height:42px;
	margin:0 auto;
	margin-top:-1px;
}

#areamenu ul{
	list-style:none;
	background:#ccc;
	height:42px;
	padding-left:1px;
}

#areamenu ul li{
	float:left;
	background:url(../imgs/bts_back.jpg) no-repeat;
	width:179px;
	height:35px;
	padding-top:7px;
	border-right:1px solid #ccc;
}

#areamenu ul li a{
	font-family:"Trebuchet MS";
	color:rgb(126, 131, 136);
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none;
}

#areamenu ul li a:hover{
	text-decoration:none;
	color:rgb(72, 160, 208);
}

#areamenu ul li a img{
	vertical-align:text-bottom;
}

/*areacarrinho*/

#areacarrinho{
	width:215px;
	margin-left: 480px;
	padding-top: 8px;
	text-align: right;
	font-family: "Trebuchet MS";
	font-weight: normal;
	font-size: 12px;
	color:rgb(255, 144, 0);	
}

#areacarrinho a{
	font-family:"Trebuchet MS";
	font-weight:normal;
	font-size:12px;
	color:rgb(23, 122, 163);
	text-decoration:none;
}

#areacarrinho a:hover{
	text-decoration:underline;
}

#areacarrinho a img{
	vertical-align:middle;
}

/*----------TOPO----------*/

#topo{
	position:relative;
}

#arealogo{
	position:relative;
	clear:both;
	width:100%;
	height:138px;
	background:url(https://ssl461.websiteseguro.com/altecshop/imgs/arealogo.jpg) no-repeat center;
}

#areaaltec{
	width:325px;
	height:188px;
	margin-left:390px;
	background:url(https://ssl461.websiteseguro.com/altecshop/imgs/fale_com.jpg) no-repeat;
}


/*----------TITULOS----------*/

#barradetitulos{
	position:relative;
	top:27px;
	height:35px;
	margin:0 auto;
	padding-bottom: 27px;
}

#titulos{
	width:732px;
	margin:0 auto;
	text-align:left;
}

#titulos h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#fff;
}

#titesq{
	width:280px;
	float:left;
}

#titesq h2{
}

#titdir{
	width:445px;
	margin-left:283px;
	padding-top:8px;
}

#titdir h2{
	padding-left:18px;
}


/*----------CORPO----------*/

#corpo{
	width:732px;
	margin:0 auto;
	text-align:left;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;	
	background:url(https://ssl461.websiteseguro.com/altecshop/imgs/back_corpo.jpg) repeat-y;
	position:relative;
}

/*menu de produtos*/

#menuprodutos{
	width:279px;
	float:left;
}

#menuprodutos ul{
	padding-left:57px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:0;	
	list-style-type:none;
}

#menuprodutos ul li{
	list-style-position:outside;
	border-bottom:solid 1px rgb(22, 122, 163);
	height:30px;
}

#menuprodutos ul li a{
	display:block;
	background:url(https://ssl461.websiteseguro.com/altecshop/imgs/marc_prod.gif) left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(22, 122, 163);
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	height:14px;
	padding-left:18px;
	vertical-align:text-bottom;
}

#menuprodutos ul li a:hover{
	background:rgb(217, 223, 225) url(https://ssl461.websiteseguro.com/altecshop/imgs/marc_prod.gif) left no-repeat;
}

/*submenuprod*/

.submenuprod1{
	visibility:hidden;
	width:210px;
	background:rgb(218, 223, 226);
	border-top:solid 1px rgb(22, 122, 163);
	border-left:solid 1px rgb(22, 122, 163);	
	border-right:solid 1px rgb(22, 122, 163);
	border-bottom:none;		
	z-index:2;
	position:absolute;
	/*top:33px;*/
	left:260px;
}

.submenuprod1 ul li{
	list-style-position:outside;
	list-style:none;
	border-bottom:solid 1px rgb(22, 122, 163);
	height:30px;
}

.submenuprod1 ul li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(22, 122, 163);
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	height:14px;
	padding-left:18px;
	vertical-align:text-bottom;
}

.submenuprod1 ul li a:hover{
	/*background:rgb(217, 223, 225);*/
	color:#000;
}

/*busca*/

#busca{
	width:172px;
	padding-top:30px;
	padding-left:57px;
}

#busca h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:rgb(22, 122, 163);
	padding-bottom:10px;
}

.caixas{
	border:1px solid #ccc;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:rgb(22, 122, 163);
}

.caixaslat{
	border:1px solid #ccc;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:rgb(22, 122, 163);
}

.caixas2{
	width:145px;
	height:17px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(22, 122, 163);	
}

.botao{
	vertical-align:middle;
}

#busca p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	color:rgb(22, 122, 163);
	padding-top:15px;
}

#busca p a{
	color:rgb(22, 122, 163);
	text-decoration:underline;
}
#busca p a:hover{
	text-decoration:none;
}

/*conteudo*/

#conteudoprod{
	width:428px;
	margin-left:282px;
	margin-top: 0px;
	padding-left:18px;
	padding-top:15px;
}

#conteudo{
	width:410px;
	margin-left:282px;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	padding-left:18px;
	padding-top:15px;
}

#conteudo a {
  color:rgb(216, 53, 38);
  text-decoration:none;
}

#conteudo a:hover{
  text-decoration:underline;
}  

.boxprod{
	background:url(https://ssl461.websiteseguro.com/altecshop/imgs/back_box_prod.gif) no-repeat;
	width:413px;
	height:138px;
	margin-bottom:11px;
}

.boxprodimg{
	width:127px;
	height:135px;
	float:left;
	text-align:center;
}

.boxprodimg img{
	padding-top:15px;
}

.boxprodinfo{
	width:240px;
	height:120px;
	margin-left:132px;
	padding-top:11px;
	position:relative;
}

p.boxproddesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(66, 94, 106);
}

p.boxprodvalor{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:rgb(216, 53, 38);
	position:absolute;
	width:210px;
	top:85px;
	text-align:right;
}

p.boxprodbotoes{
	position:absolute;
	top:105px;
}

/*----------RODAPE----------*/

#rodape{
	background-color:rgb(66, 94, 106);
	height:120px;
	border-top:solid 1px #ccc;
	clear:both;
	width: 100%;
}

#conteudorod{
	width:900px;
    margin:0 auto;
}

#conteudorod a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(255, 255, 255);
	text-decoration:none;
}

#conteudorod a:hover{
	text-decoration:underline;
}

#logorod{
	width:150px;
	float:left;
}

#logorod img{
	padding-top:30px;
	padding-left:42px;
}

#inforod{
	width:750px;
	margin-left:150px;
	text-align:left;
}

#inforod ul{
	list-style:none;
	padding-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(255, 255, 255);
}

#inforod ul li{
	display:inline;
}

#inforod ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(255, 255, 255);
	text-decoration:none;
}

#inforod ul li a:hover{
	text-decoration:underline;
}

#inforod p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	padding-top:10px;
}

.clareador{
	clear:both;
	height:10px;
}

/* Paginação */
#pag{
	width:200px;
	text-align:center;
	vertical-align:bottom;
	position:relative;
	left:115px;
	padding:5px;
	font-size:12px;
	color:#666;
}

#pag a {
	text-decoration:none;
	font-size:13px;
	font-family: Arial;
	color:#666;
}

#pag a:hover {
	text-decoration:none;
	font-size:13px;
	font-family: Arial;
	color:rgb(216, 53, 38);
}
/* ----------- */

/* forms */
.ftlabels {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:rgb(22, 122, 163);
}

.classeforms {
    border:1px solid rgb(22, 122, 163);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(22, 122, 163);
	background-color: #fff;
}
/* --------- */

.tittab {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000;
}

.detprod {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.nomprod {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #333;
}

.boxunico{
	width:408px;
	margin-bottom:11px;
}

.boxunicoimg{
	width:127px;
	height:135px;
	float:left;
	text-align:center;
}

.boxunicoimg img{
	padding-top:15px;
}

.boxunicoinfo{
	width:232px;
	margin-left:152px;
	padding-top:11px;
	padding-bottom:11px;
	padding-left:5px;
	padding-right:3px;
	position:relative;
	background-color: #DADFE2;
	border: solid 1px #AFCDDA;
}

.titulosm {
  font-weight: bold;
  font-size: 10pt;
  color: #4D6772;
}

.tabpreco {
	position:relative;
	width:224px;
	top:5px;
	background-color:#177AA3;
	color:#ffffff;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 13px;
}

.tabpesq {
    position: relative;
	width:105px;
	height: 14px;
	float:left;
	background-color: #425E6A;
	color: #ffffff;
	top: 8px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 10px;
}

.tabpdir {
	position: relative;
	margin-left: 114px;
	background-color: #990000;
	top: 8px;
	height: 14px;
	width: 105px;
	color: #ffffff;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 12px;
}

.btnssm {
   position:relative;
   margin-top: 30px;
   padding-bottom:2px;
   height: 20px;
}

.tabtitinfo{
    position: relative;
	width:390px;
	background-color: #425E6A;
	color: #ffffff;
	top: 50px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 10pt;
}

.tabtit{
	width:390px;
	background-color: #425E6A;
	color: #ffffff;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 10pt;
}


#areatel{
	position:relative;
	top:13px;
	padding-left:500px;
}

#seguro{
	width:172px;
	padding-top:15px;
	padding-left:57px;
}

.itemform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}



