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

/********************************* RESET CSS **********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************************* BASIC ELEMENTS *****************/

body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:12px;
}

h6 {font-size:12px;font-weight:lighter;}

h5 {font-size:14px;font-weight:lighter;}

h4 {font-size:16px; }

h3 {font-size:22px; }

h2 {font-size:27px; font-weight:lighter; line-height:30px;}

p {font-size:12px;font-weight:lighter;line-height:18px;}


a {text-decoration:underline; color:#ce171e}

a:hover {text-decoration:underline; color:#666666}

/********************************* CLASSES GLOBAIS ****************/

.clear {clear:both;}

.float-left {float:left;}

.float-right {float:right;}

.gray-light-color {color:#adadad;}

.gray-color {color:#999999;}

.gray-color a {color:#999999; text-decoration:underline;}

.gray-color a:hover {color:#ce171e;text-decoration:underline;}

.gray-dark-color {color:#666666;}

.gray-dark-color a {color:#666666; text-decoration:underline;}

.gray-dark-color a:hover {color:#ce171e;text-decoration:underline;}

.red-color {color:#ce171e;}

.red-color a {color:#ce171e; text-decoration:underline;}

.red-color a:hover {color:#666666; text-decoration:underline;}

.green-color {color:#009933;}

.uppercase {text-transform:uppercase;}

.titulo {padding:0 0 20px 0;}

.subtitulo
{
	margin:0 0 10px 0;
	font-weight:bold;
}

.legenda {font-size:10px; font-weight:bold; line-height:13px; }

.banner { text-align:center; width:100%; height:361px;}
/********************************* ESTRUTURA **********************/

.wrapper
{
	width:100%;
	height:100%;
}

/********************************* HEADER *************************/

#header
{
	height:103px;
	background:#FFFFFF;
}

	#header-content
	{
		width:980px;
		height:103px;
		margin:0 auto;
	}
	
		#header-content #header-logo
		{
			padding:0 0 0 10px;
			float:left;
		}
		
		#header-content #header-box-info
		{
			width:343px;
			height:103px;
			float:right;
		}
		
			#header-content #header-box-info #header-menu
			{
				width:343px;
				height:24px;
				border-left:#ebebeb 1px solid;
				border-bottom:#ebebeb 1px solid;
				border-right:#ebebeb 1px solid;
			}
			
			#header-content #header-box-info #header-menu ul
			{
				list-style:none;
				padding:4px 0 0 0;
			}
			
				#header-content #header-box-info #header-menu ul li
				{
					float:left;
					text-transform:uppercase;
					cursor:pointer;
					font-size:10px;
					font-weight:lighter;
					padding:0;
					margin:0;
				}
				
			#header-content #header-box-info #header-info
			{
				padding:15px 0 0 0;
			}
			
				#btn-elite a, #btn-elite a:hover, #btn-servicos a, #btn-servicos a:hover, #btn-pedido a, #btn-pedido a:hover, #btn-contato a, #btn-contato a:hover
				{
					text-indent:-9999px; 
					display:block;
				}
				
				#btn-elite a { background:url(../img/btn-elite.gif) top left no-repeat; width:65px; height:23px;}
				#btn-elite a:hover { background:url(../img/btn-elite.gif) top right no-repeat;}
				
				#btn-servicos a { background:url(../img/btn-servicos.gif) top left no-repeat; width:83px; height:23px;}
				#btn-servicos a:hover { background:url(../img/btn-servicos.gif) top right no-repeat;}
				
				#btn-pedido a { background:url(../img/btn-pedido.gif) top left no-repeat; width:117px; height:23px;}
				#btn-pedido a:hover { background:url(../img/btn-pedido.gif) top right no-repeat;}
				
				#btn-contato a { background:url(../img/btn-contato.gif) top left no-repeat; width:77px; height:23px;}
				#btn-contato a:hover { background:url(../img/btn-contato.gif) top right no-repeat;}
			
				
				
/********************************* MENU ***************************/

#menu
{
	background:#ce181e;
	height:17px;
}

	.menu-servicos
	{
		width:980px;
		margin:0 auto;
	}
	
		.menu-servicos ul
		{
			list-style:none;
			margin:2px 0 0 0;
			font-size:14px;
			padding:0 0 0 12px;
		}
				
			.menu-servicos ul li
			{
				float:left;
				padding:0 57px 0 0;
				text-align:left;
			}
			
			#btn-tapetes a, #btn-tapetes a:hover, #btn-carpetes a, #btn-carpetes a:hover, #btn-cortinas a, #btn-cortinas a:hover, #btn-estofados a, #btn-estofados a:hover, #btn-persianas a, #btn-persianas a:hover, #btn-pelucias a, #btn-pelucias a:hover,#btn-impermeabilizacao a, #btn-impermeabilizacao a:hover
			{
				text-indent:-9999px; 
				display:block;
			}
			
			#btn-tapetes a { background:url(../img/btn-tapetes.gif) top left no-repeat; width:62px; height:17px;}
			#btn-tapetes a:hover { background:url(../img/btn-tapetes.gif) top right no-repeat;}
			
			#btn-carpetes a { background:url(../img/btn-carpetes.gif) top left no-repeat; width:76px; height:17px;}
			#btn-carpetes a:hover { background:url(../img/btn-carpetes.gif) top right no-repeat;}
			
			#btn-cortinas a { background:url(../img/btn-cortinas.gif) top left no-repeat; width:79px; height:17px;}
			#btn-cortinas a:hover { background:url(../img/btn-cortinas.gif) top right no-repeat;}
			
			#btn-estofados a { background:url(../img/btn-estofados.gif) top left no-repeat; width:89px; height:17px;}
			#btn-estofados a:hover { background:url(../img/btn-estofados.gif) top right no-repeat;}
			
			#btn-persianas a { background:url(../img/btn-persianas.gif) top left no-repeat; width:80px; height:17px;}
			#btn-persianas a:hover { background:url(../img/btn-persianas.gif) top right no-repeat;}
			
			#btn-pelucias a { background:url(../img/btn-pelucias.gif) top left no-repeat; width:70px; height:17px;}
			#btn-pelucias a:hover { background:url(../img/btn-pelucias.gif) top right no-repeat;}
			
			#btn-impermeabilizacao a { background:url(../img/btn-impermeabilizacao.gif) top left no-repeat; width:160px; height:17px;}
			#btn-impermeabilizacao a:hover { background:url(../img/btn-impermeabilizacao.gif) top right no-repeat;}
	
	
/********************************* BANNER *************************/

.banner
{
	height:361px;
}

/********************************* RODAPÉ *************************/

#container-rodape {
	border-top:1px solid #D6D6D6;
	clear:both;
	height:20px;
	margin-top:25px;
	position:relative;
	width:964px;
	padding:10px 0 0 0;
}

	#container-rodape .menu-rodape ul
	{
		list-style:none;
		margin:2px 0 0 0;
		font-size:14px;
		padding:0 0 0 430px;
	}
	
		#container-rodape .menu-rodape ul li
		{
			float:left;
			padding:0 10px 0 0;
			text-align:left;
			font-size:9px;
		}
		
		#btn-rodape-contato
		{
			padding:0;
		}
		
		#copyright
		{
			font-size:9px;
		}
	
/********************************* MAIN *************************/

.main
{
	background:#FFFFFF
}

	.main-content
	{
		width:980px;
		margin:0 auto;
		padding:25px 0 20px 10px;
	}
	
	#main-home
	{
		margin:0 auto 0 auto;
	}
	
	#main-banner
	{
		position:absolute;
		width:100%;
	}
	
	#show
	{
		position:relative;
		width:1000px;
		height:360px;
		margin:0 auto;
	}


/********************************* HOME *************************/


#diferenciais-first	{ padding:7px 10px 0 0;}

#diferenciais-second, #diferenciais-third, #diferenciais-fourth { padding:7px 10px 0 15px;}

.box-diferenciais
{
	height:200px;
	width:222px;
	margin:0;
	border-right:#CCCCCC 1px solid;
	float:left;
}

#diferenciais-fourth
{
	border:none;
}

/********************************* PRODUTOS *************************/

#produtos {margin:20px 0 20px 0;}

	#produtos-coluna-esquerda
	{
		float:left;
		width:410px;
	}
	
	#produtos-coluna-direita
	{
		float:left;
		width:455px;
		margin:0 0 0 105px;
	}
	
	#produtos-coluna-esquerda h6, #produtos-coluna-direita h6
	{
		padding:0 0 5px 0;
	}


/********************************* PRODUTOS *************************/

#servicos {margin:20px 0 20px 0;}

	#servicos-coluna-esquerda
	{
		float:left;
		width:410px;
	}
	
	#servicos-coluna-direita
	{
		float:left;
		width:455px;
		margin:0 0 0 105px;
	}
	
	#servicos-coluna-esquerda h6, #servicos-coluna-direita h6
	{
		padding:0 0 5px 0;
	}
	
	
/********************************* ELITE *************************/

#elite {border-bottom:#cfcfcf 1px solid; padding:0 0 20px 0; margin:0 0 20px 0;}

	#elite .elite-box-valores {width:270px;}

	#elite #elite-box-excelencia, #elite-box-responsabilidade {padding:0 70px 0 0;}
	
	
/*********************************** CONTACTO **********************/



.formulario-texto
{
	padding:8px 0 8px 0;
	font-size:13px;
}

.formulario-dropdown
{
	padding:13px 0 13px 0;
}

.formulario-separador
{
	border-bottom:1px solid #999999; margin-bottom:15px
}

.padding-bottom
{
	padding-bottom:10px;
}

.form-class input[type="text"], input[type="password"], input[type="file"]
{
	height:17px;
	width:418px;
	border:none;
    border: solid 1px #999999;  
    color:#333333;
	background-color:#FFFFFF;
	padding-top:3px;
	padding-left:5px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:0;
	padding-top:0;
	padding-left:0;
}

.form-class textarea
{
	height:100px;
	width:450px;
    border: solid 1px #999999;  
    color:#333333;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:10px;
}

.form-class input[id="bairro"], .form-class input[id="cep"], .form-class input[id="cnpj"], .form-class input[id="ie"]
{
	height:17px;
	width:170px;
}

.form-class input[id="email"]
{
	height:17px;
	width:170px;
}

.form-class input[id="telefone"]
{
	height:17px;
	width:150px;
}

.form-class input[id="email2"]
{
	height:17px;
	width:169px;
}
.form-class input[id="nome2"]
{
	height:17px;
	width:350px;
}
.form-class input[id="telefone2"]
{
	height:17px;
	width:146px;
}

.form-class input[id="ddd"], .form-class input[id="qtd"]
{
	height:17px;
	width:20px;
}

.form-class input[id="desc"]
{
	height:17px;
	width:290px;
}
  
/* this is for IE */
 
.form-class input
{  
	border: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "none" : "this.border");
	border: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "solid 1px #999999" : "this.border");  
	color: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "#333333" : "this.color");
	font-size: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "11px" : "this.font-size");
	padding-top:expression(this.type=="text" || this.type=="password" || this.type=="file" ? "0" : "this.padding-top"); 
	padding-left:expression(this.type=="text" || this.type=="password" || this.type=="file" ? "0" : "this.padding-left"); 
	_background-image: none;  
	_background-color: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "#ffffff;" : "this.background-color");
}

.form-class input[id="email"]
{
	height: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "17px" : "this.height");
	width: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "170px" : "this.width"); 
}

.form-class input[id="telefone"]
{
	height: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "17px" : "this.height");
	width: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "150px" : "this.width");
}

.form-class input[id="ddd"], .form-class input[id="qtd"]
{
	height: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "17px" : "this.height");
	width: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "20px" : "this.width"); 
}

.form-class input[id="desc"]
{
	height: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "17px" : "this.height");
	width: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "290px" : "this.width"); 
}