@import 'fonts.css';
@import 'isotope.css';

body{
    font:80.5% "Trebuchet MS",Arial,Helvetica,sans-serif; 
	background:url('../images/stripe.gif');
   /* background:url('../images/fitas.png') no-repeat center right;*/
}
.header{
    width:100%;
    height:120px;
    background:#FFF url("../images/bg-top.png") repeat-x bottom;
}

.descat{
	color:#777;
}
#header{
    width:1000px;
    height:120px;
    margin:0 auto;    
}
#box-menu {
	width: 100%;
    margin:0 auto;
	height: 59px;
    background: url("../images/bg.gif") repeat-x top;
    }
#menu{
    width:1000px;
    margin:0 auto;
}


#contato-topo{
	width:300px; 
	float:right;
	text-align:right;
	margin:10px 0 0 0;
}
#contato-topo .tel-topo{
	display:block;
	width:30px;
	height:35px;
	background: url("../images/encontrar-topo.png") 0 76px;
	float:right;
	margin:0 0 10px 10px;
}
#contato-topo .email-topo{
	display:block;
	width:30px;
	height:25px;
	background: url("../images/encontrar-topo.png") 0 25px;
	float:right;
	margin:0 0 10px 10px;
}
#contato-topo h2{
	font-size:12pt;
	color:#F00;
}




.logo{
    width:200px;
    height:90px;
    display:block;
    float:left;
    margin:15px 0 0 15px; 
    border:0;
}

.logo-footer{
    width:200px;
    height:90px;
    display:block;
    margin:15px 0 0 0; 
    border:0;
}

.lz_cbl{
    float:right;
    margin:27px 0 0 0;
}

#main{
    width:1000px;
    margin:10px auto;
}


/**************** MENU LATERAL ****************/
aside{
    width:200px;
    float:left;
}
aside nav ul{list-style:none;}
aside nav ul li.tituloprodutos{
    list-style:none;
    background:url('../images/bg-menu-lateral-ser.jpg');
    display:block;
    padding:5px 0 5px 5px;
    border-left:5px solid #777;
    color:#FFF;
    font-weight:bold;
    border-bottom:0;
}
aside nav ul li{
    list-style:none;
    border-bottom:dotted 1px #CCC;
}
aside nav ul li a{
    color:#000;
    padding:5px 0 5px 10px;
    background:#DDD;
    display:block;
}
aside nav ul li a:hover{
    padding:5px 0 5px 5px;
    color:#F00;
    border-left:5px solid #F00;
    background:#FFF;
}
.submenu2{
	background:#CCC;
	font-size:8pt;
}
a.submenu2{
    padding:5px 0 5px 15px;
    color:#000;
    background:#EFEFEF;
}
a.submenu2:hover{
    padding:5px 0 5px 10px;
    color:#F00;
    background:#FFF;
}
aside .maisProd{
	color:#F00;
	margin: 0px 0px 0 0;
	font-size:10pt;
	font-weight:bold;
	width:10px;
	display:inline-block;
}




#slider{
    width:100%;
    height:250px;
    background:url('../images/bg-slider2.jpg') repeat-x center top transparent;
}
.sombra{
    display:block; 
    position:absolute; 
    width:100%; 
    height:20px; 
    background:url('../images/sombra.png') repeat-x center top transparent; 
    z-index:9998;}
article{
    width:780px;
    float:left;
    margin:0 0 0 20px;
}
#arquivos{
    width:740px;
    background:#EFEFEF;
    padding:20px 20px 30px 20px;
    font-size:8pt;
}
#arquivos ul{
	margin: 0 0 0 20px;
}
#arquivos ul li{
		
}
#arquivos ol{
	margin: 0 0 0 25px;
}

.fechar{
    font-family:'Myriad Pro Blackbold';
    cursor:pointer;
    font-size:14pt;
    float:right; 
    color:#F00;
}
.text-fechar{
    font-size:8pt;
    color: #000;
    font-family:'swis721_ltcn_btlight';
}

#arquivos h2{
    color:#F00;
}

#arquivos h4{
    color:#F00;
    margin:15px 0 5px 0;
	
}

#formas-envio{
    width:740px;
    overflow:auto;
    margin:30px 0 0 0;
    border-top:#000 dotted 1px;
    border-bottom:#000 dotted 1px;
    padding:20px 0;
}

#formas-envio h4{
    color:#F00;
    margin:5px 0;
}


#fechados{
    width:190px;
    float:left;
    margin:0 20px 0 0;
    border-right:dotted #000 1px;
    padding:0 10px 0 0;
}
#fechados ul{
	margin:0;
	list-style:none;
}
#abertos{
    width:150px;
    float:left;
    margin:0 20px 0 0;
    border-right:dotted #000 1px;
    padding:0 10px 0 0;
}

#abertos ul{
	list-style:none;
	margin:0;
}

#envio{
    width:335px;
    float:left;
}
#envio ul{
	margin:0;
}
#envio ul li{
    display:block;
    border-bottom:1px dotted #000;    
    margin:0 0 10px 0;
    padding: 0 0 20px 0;
	min-height:50px;
}

#envio ul li a{
    color:#000;
    font-weight:bold;
}

#envio ul li a:hover{
    color:#777;
}

#envio img{
    float:left;
    margin:0 10px 0 0;
    border:0;
}




#atendimento{
    background:url('../images/atendimentos.png') no-repeat center top transparent;
    width:780px;
    height:150px;
    margin:0 0 15px 0;
}

#atendimento h3{
    color:#FFF;
}
#atendimento p{
    color:#CCC; 
    font-size:8pt;
    margin:5px 0 0 0;
}

#servico{
    width:170px;
    height:110px;
    background:url('../images/separador.jpg') no-repeat right center;
    margin:20px 20px 0 20px;
    float:left;
}
#servico a{
	color:#CCC;
}

#servico p{
	color:#666;
	padding:0 0 5px 0;
}
#orcamento{
    width:160px;
    height:110px;
    background:url('../images/separador.jpg') no-repeat right center;
    margin:20px 20px 0 0;
    padding:0 10px 0 0;
    float:left;
}


#orcamento img{
    border:0;
    margin:20px 0 0 0;
}


#chat{
    width:160px;
    height:110px;
    background:url('../images/separador.jpg') no-repeat right center;
    margin:20px 20px 0 0;
    padding:0 10px 0 0;
    float:left;
}
#chat img{
    border:0;
    margin:-21px 2px 0px;
}
.chat{
    display:block;
    position:relative;
    top:-28px;
    border:0;
}

#arquivo{
    width:160px;
    height:110px;
    margin:20px 0 0 0;
    padding:0 10px 0 0;
    float:left;
}
#arquivo a{
	color:#FFF;
}
#arquivo a:hover{
	color:#CCC;
}

#arquivo img{
    border:0;
    margin:8px 0 0 0;
    cursor:pointer;
}

#servico ul{
    list-style:none; 
    color:#AAA; 
    font-size:8pt;
}

#servico ul li{
    margin:3px 0;;
}

/******************************** SOBRE A EMPRESA *******************************/
#sobre{
	width:780px;
	color:#8B8B8B;
}
#sobre h1{
	color:#F00;
	font-size:20pt;
	margin:0 0 10px 0;
	padding:0 0 15px 0;
	background:url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
}
#sobre p{
	margin:0 0 10px 0;
	line-height:20px;
	font-size:9pt;
}
/******************************** APRESENTA��O *******************************/
#apresentacao{
	width:300px;
	float:left;
}
#apresentacao ul, ol{
	margin: 0 0 0 25px;
}
/******************************** MISS�O *******************************/
#missao, #visao, #valores{
	width:440px;
	float:right;
	background:#F1F1F1;
	margin: 0 0 15px 0;
	padding: 5px 10px 10px 10px;
}

/***********************DESTAQUES DA HOME************************/
#emdestaque{
	width:780px;
	height:270px; 
}
#emdestaque h3{
	font-size:20pt;
	color:#F00;
	margin:0 0 15px 0;
	background:url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	padding: 0px 0px 15px;	
}
#emdestaque .prev, .next{
    display:block-inline;
    width:20px;
    cursor:pointer;
}	
#emdestaque .prev{
        float:left;
        background:url('../images/left.gif') no-repeat center center transparent;
        margin:0 5px 0 0;
		height:140px;
}
#emdestaque .next{
        float:right;
        background:url('../images/right.gif') no-repeat center center transparent;
        margin:0 0 0 5px;
		height:140px;

}
#emdestaque ul{
	list-style:none;
}
#emdestaque ul li{
    display:inline-block;
    float:left;
    width:150px;
    height:160px;
    background:#FFF;
    border:1px solid #707070;
    margin:0 0 0 16px;
    padding:5px;
    cursor:pointer;
	-webkit-border-top-right-radius: 1.2em;
    -moz-border-radius-topright: 1.2em;
    border-top-right-radius: 1.2em;
}
#emdestaque ul li:hover{
	border:1px solid #CCC;
}
#emdestaque ul li img{
    width:150px;
    height:130px;
    background:#777 url('../images/bg-produtos.jpg') no-repeat center center;
    display:block;
	border:0;
	-webkit-border-top-right-radius: 1.2em;
    -moz-border-radius-topright: 1.2em;
    border-top-right-radius: 1.2em;
}
#emdestaque ul li  p{
	padding:5px 0 0 0;
	font-size:8pt;
	text-align:center;
}

/******************** NOVIDADES DA HOME ******************************/
#novidades{
	float:left;
}
#novidades h3{
	color:#F00;
	color:#F00;
	font-size:20pt;
	margin:0 0 15px 0;
	background:url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	padding: 0px 0px 15px;	
	
}
#novidades a{
	color:#F00;
}
.mais{
	font-size:8pt;
	float:right;
	padding:5px;
}
#novidades a:hover{
	color:#000;
}
#novidades ul{
	list-style:none;
}
#novidades ul li{
	padding:3px 3px 5px 3px;
	display:block;
	background:#F1F1F1;
	margin:0 0 15px 0;
}
#novidades ul li:hover{
	background:#D5E4F8;
}
#novidades p{
	font-size:9pt;
	line-height:12pt;
}
#novidades .data{
	color:#505050;
	font-size:7pt;
}

/************************* NOVIDADES DA PAGINA BLOG *******************/
#blog{
	width:500px;
	float:left;
}
#blog h3{
	color:#F00;
	font-size:20pt;
	margin:0 0 15px 0;
	background:url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	padding: 0px 0px 15px;	
}
#blog h4{
	color:#F00;
	font-size:16pt;
}
#blog img{
	float:right;
    width:250px;
	border:0;
	padding:0 0 10px 10px;
    display:block;
}
#blog .data{
	color:#777;
	font-size:8pt;
	display:block;
	margin:0 0 15px 0;
}
#blog p{
	color:#555;
	line-height:15pt;
	font-size:9pt;
	color:#8B8B8B;
	margin:0 0 15px 0;
}
#blog table{
	border-collapse: collapse;	
}
#blog table td{
	border:1px solid #555;	
	padding:5px;
}

#blog ul, ol{
	color:#777;
	margin:0 0 5px 20px;
}


/*************************  MENU NOTICIAS BLOG *******************/
#menu-noticias{
	float:right;
	width:260px;
	font-size:9pt;
}
#menu-noticias h3{
	color:#F00;
	font-size:20pt;
	margin:0 0 15px 0;
	background:url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	padding: 0px 0px 15px;	
}
#menu-noticias h4{
	color:#F00;
	font-size:16pt;
	margin:0 0 15px 0;
}
#menu-noticias h5{
	font-size:9pt;
	margin:0 0 8px 0;
}
#menu-noticias ul{
	list-style:none;
}
#menu-noticias ul li{
	width:250px;
	padding:5px;
	background:#F1F1F1;
	margin: 0 0 10px 0;
}
#menu-noticias ul li a{ 
	color:#555;
}
#menu-noticias ul li a:hover{ 
	color:#000;
}

.next, .prev, .pager{
	color:#F00;
}

.pager a{
	display:inline-block;
	width:10px;
	height:15px;
	background:url('../images/bullet.png') no-repeat -1px -10px;
	margin: 2px;
	text-indent:-9999px;
}
.pager a.activeSlide{
	color:#F00;
	background:url('../images/bullet.png') no-repeat -1px 2px;
}

/*
#nav { width: 250px;}
#nav ul li { width: 20px; float: left; margin: 8px; list-style: none }
#nav a { width: 20px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav li.activeSlide a { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
*/









/******************** DEPOIMENTOS DA HOME ******************************/

#depoimentos h3{
	color:#F00;
	font-size:20pt;
	margin:0 0 15px 0;
	background:url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	padding: 0px 0px 15px;	
}
#depo{
	width:90%;
	font:12pt 'Times New Roman', sans-serif;
	color:#505050;
	line-height:18pt;
	font-style:italic;
	text-align:center;
	padding:0 35px 0 35px;
}
#depo:hover{
	color:#222;
	cursor:pointer;
}

#depoimentos p{
	line-height:18pt;
}

#depoimentos .left{
	background:url('../images/aspas.png') no-repeat -2px 0;
	display:block;
	width:37px;
	height:30px;
	margin:0 10px 0 0;
	position:absolute;	
}
#depoimentos .left:hover{
	background:url('../images/aspas.png') no-repeat -2px -38px;	
}
#depoimentos .right:hover{
	background:url('../images/aspas.png') no-repeat -38px -38px;
}

#depoimentos .right{
	float:right;
	background:url('../images/aspas.png') no-repeat -38px 0;
	display:block;
	width:37px;
	height:30px;
	margin:-30px 0 0 10px;
}
#depoimentos .autor{
	color:#555;
	font-style:normal;
	font-size:9pt;
	text-align:right;
	border-top:1px dotted #505050;
	margin:15px 0 0 0;
	width:100%;
}
#depoimentos .cargo{
	color:#555;
	font-style:normal;
	font-size:8pt;
	text-align:right;
	width:100%;
	margin:-8px 0 0 0;
}
#depoimentos .empresa{
	color:#555;
	font-style:normal;
	font-size:9pt;
	text-align:right;
	width:100%;
	margin:-8px 0 0 0;	
}
 
/*************************** CLIENTES DA HOME *********************************/
#clientes{
	width:780px;
	margin:15px 0;
}
#clientes h3{
	font-size:20pt;
	color:#F00;
	margin:0 0 15px 0;
	background:url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	padding: 0px 0px 15px;
}
#clientes ul{
	list-style:none;
}
#clientes ul li{
	display:inline-block;
	float:left;
	width:120px;
	height:80px;
	margin:0 7px;
	padding:5px;
	border:1px solid #CCC;
	-webkit-border-top-right-radius: 1.2em;
    -moz-border-radius-topright: 1.2em;
    border-top-right-radius: 1.2em;	
}
#clientes ul li:hover{
	border:1px solid #777;
}
#clientes ul li img{
	border:0;
	-webkit-border-top-right-radius: 1.2em;
    -moz-border-radius-topright: 1.2em;
    border-top-right-radius: 1.2em;	
}
#clientes .prevcliente{
        float:left;
        background:url('../images/left.gif') no-repeat center center transparent;
        margin:0 5px 0 0;
		height:90px;
		display:block-inline;
		width:20px;
		cursor:pointer;
}
#clientes .nextcliente{
        float:right;
        background:url('../images/right.gif') no-repeat center center transparent;
        margin:0 0 0 5px;
		height:90px;
		display:block-inline;
		width:20px;
		cursor:pointer;
}





/**************************** MENUS FILTRO PRODUTO ******************/
#options{
	width:780px;
	margin:-10px 0 15px 0;
}
#options ul{
	list-style:none;
}
#options ul li{
	float:left;
	display:block-inline;
	margin:0 15px 0 0;
}

/******************* ESTILOS DA P�GINA PPRODUTOS **************************/
#produtos{
	width:780px;
	margin:15px 0 0 0;
}
.h1{
    font-size:20pt;
    color:#F00;
    margin:20px 0;
    text-align:left;
	background: url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	padding:0 0 15px 0;
}


#produtos h3:hover{
    color:#CCC;    
}

#produtos ul{
    list-style:none;
}

#produtos ul li{
    display:block;
    float:left;
    width:163px;
    height:130px;
    background:#FFF;
    border:1px solid #777;
    margin:0 20px 55px 0;
    padding:5px;
    cursor:pointer;
}

#produtos ul li:hover{
    border:1px solid #F00;  
}
#produtos ul li img{
    width:163px;
    height:130px;
    background:#777 url('../images/bg-produtos.jpg') no-repeat center center;
    display:block;
    border:0;
}

#produtos ul li h3{
	color:#F00;
	font-size:7.5pt;
	text-align:center;
	margin:10px 0 0 0;
	cursor:pointer;
}
#produtos ul li p{
	color: #F00;
	text-align:center;
	font-size:8pt;
}
.apartir{
	font-size:7pt;
}




/****************** ESTILOS PAGINA DETALHES - IMAGEM DO PRODUTO ****************************/
#produtos-detalhes h1{
    color:#F00;
    font-size:20pt;
}

#produtos-detalhes .imagens{
    width:500px;
    height:370px;
    float:left;
    background:#CCC;
    display:block;
	cursor:pointer;
}
#produtos-detalhes .rotacao {

-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
display:block;
width:150px;
height:25px;
border:0;
text-align:center;
top:30px;
left:-20px;
background:#F00;
color:#FFF;
padding:5px 0 0 0;
}
#produtos-detalhes .preco{
    width:235px;
    height:170px;
    display:block;
    position:absolute;
    overflow:hidden;
} 

#produtos-detalhes .img-produto{
    width:500px;
    height:370px;
} 


.imagem{
    position:absolute;
    top:-140px;
    left:-60px;
}

.detalhe{
	display:block;
	background:url('../images/bg-detalhes.png');
	position:absolute;
	width:490px;
	height:200px;
	margin:160px 0 0 0;
	color:#FFF;
	cursor:default;
	padding:5px;
}
.detalhe p{
	margin:2px 0;
}
.tipodetalhe, .coresdetalhe, .formatodetalhe , .quantidadedetalhe , .opcionaisdetalhe, .outrasDescricoes{display:inline-block; width:80px;}
.outrasDescricoes{color:#555; }





.outrasDescricoesBd{width:405px; display:inline-block; float:right;}
.detalhe2{
	width:490px;
	padding:5px;
	background:#EFEFEF;
	margin:20px 0 0 0;
	float:left;
}
.detalhe2 h3{
	color:#F00;
	margin:0 0 7px 0;
}
.detalhe2 p{
	font-size: 9pt;
    line-height: 150%;
    color: #555;
}



/*************************** DESCRI��O DOS PRODUTOS ***************************************/

#descricao-produtos{
    width:260px;
    float:right;
	color:#555;
}
#descricao-produtos h3{
    color:#F00;
    font-size:12pt;
    margin:0 0 25px 0;
}
#descricao-produtos p{
    margin:0 0 15px 0;
    font-size:9pt;
    line-height: 150%;
    color:#555;
}
#descricao-produtos a{
	color:#F00;
}
#descricao-produtos a:hover{
	color:#000;
}

#descricao-produtos ul{
	text-indent: 0px;
	margin: 0 0 0 20px;
}
#descricao-produtos ol{
	text-indent: 0px;
	margin: 0 0 0 20px;
}
#descricao-produtos td{
	border:1px solid #777;
	padding:2px;
	margin:0;
}




/*************************** ALGUNS PRODUTOS ***************************************/
#mini-portifolio{
    width:500px;
    height:100px;
    float:left;
    margin:20px 0;
}
#mini-portifolio h4{
    color:#F00;
    margin:0 0 7px 0;
}
#mini-portifolio ul{
    list-style:none;
}
#mini-portifolio ul li{
    display:inline-block;
    float:left;
    width:98px;
    height:67px;
    padding:3px 3px;
    border:1px solid #777;
    margin:0 3px;
}
#mini-portifolio ul li:hover{
    border:1px solid #000;
}

#mini-portifolio img{
    width:98px;
    height:67px;
    border:0;
}
#mini-portifolio .prev, .next{
    display:block-inline;
    width:20px;
    height:67px;
    cursor:pointer;
}
#mini-portifolio .prev{
        float:left;
        background:url('../images/left.gif') no-repeat center center transparent;
        margin:0 5px 0 0;
}
#mini-portifolio .next{
        float:right;
        background:url('../images/right.gif') no-repeat center center transparent;
        margin:0 0 0 5px;
}

/***************** SIMULADOR OR�AMENTO ONLINE *************************/
#orcamento-online{
    width:780px;
    margin:15px 0 0 0;
    border-top:1px dotted #777;
}
#orcamento-online h4{
    color:#F00;
    margin:0 0 10px 0;
}
#simulador-online{
    width:380px;
    float:left;
    margin:15px 0 30px 0;
}
#simulador-online ul{
    list-style:none;
    font-size:8pt;
}
#simulador-online ul li{
    /* margin:10px 0; */
}
#simulador-online ul li h5{
    display:block;
    height:16px;
    background:#EFEFEF;
    margin:0 0 1px 0;
    font-size:7pt;
    padding:7px 0 0 0;
    cursor:pointer;
    border-bottom:1px dotted #BBB;
}
#simulador-online ul li .itens{
    display:block;
    margin:10px 0;
}

.seta-baixo{
    background:url('../images/ui-icons.png') no-repeat -65px -15px transparent;
    padding: 0 0 0 10px;
    width:5px;
    height:18px;
    display:inline-block;
    float:left;
    position:relative;
    top:-3px;
}
.seta-direita{
    background:url('../images/ui-icons.png') no-repeat -35px -15px transparent;
    padding: 0 0 0 10px;
    width:5px;
    height:18px;
    display:inline-block;
    float:left;
    position:relative;
    top:-3px;
}




/***************************DETALHES DO PRODUTO MARCADO NO OR�AMENTO ONLINE  **************************/
#detalhes{
	width:380px;
	float:right;
	margin:15px 0 0 0;
}

#descricao{
    width:372px;
    float:right;
    border:1px dotted #777;
    padding:3px;
    background:#EFEFEF;
}
#descricao ul{
    list-style:none;
    line-height:150%;
}
#descricao ul li{
    color:#666;
}
#descricao ul li .topico{
    color:#000;
    display:inline-block;
    width:70px;
}
/******************* VALOR *******************/
#valor{
    width:380px;
    height:60px;
    float:right;
}
.valor{
    display:block;
    width:190px;
    height:60px;
    background:url('../images/bg-valor.gif');
    float:left;
    color:#FFF;
    text-align:center;
}
.valor h5{
    font-size:10pt;
}
.valor p{
    font-size:16pt;
    margin:5px 0;
}
.enviar{
    display:block;
    width:190px;
    height:60px;
    float:left;
    text-align:center;
    color:#FFF;
}
.enviar a{
    background:#666 url('../images/bg-enviar.gif');
    border:0;
    width:190px;
    height:40px;
    color:#FFF;
    cursor:pointer;    
    font-size:14pt;
	display:block;
	padding:20px 0 0 0;
}
.enviar a:hover{
    background:#666 url('../images/bg-enviar.gif') no-repeat 0 -60px;    
}
#mensagens{
    background:#F00;
}
#status{
    margin:3px 0;
    width:370px;
    height:20px;
    color:#F00;
}
.divisor{
    width:780px;
    height:15px;
    display:block;
}

/************************INFOR****************************/

#infor{
    width:774px;
    background:#EFEFEF;
    padding:3px;
    font-size:10pt;
    margin:20px 0 20px 0;
}
#infor p{
    margin:0 0 10px 0;
}
.real{
    font-size:12pt;
}

/*********************** LIGA��O ***************************/
#ligacao{
    width:350px;
    height:160px;
    padding:10px;
    float:left;
    background:#EFEFEF;
}
#ligacao p{
    font-size:8pt;
    margin:0 0 5px 0;
}
#ligacao .nome{
	float:left;
    height:20px;
    margin:0 5px 0 0;
	display:inline-block;
	padding:3px;
	width:138px;
}
#ligacao .nomeligar{
		float:left;
		margin:3px 0 0 0;
}
#ligacao .ligue-me{
	width:90px;
    height:20px;
    margin:0 5px 0 0;
	float:left;
	display:inline-block;
	padding:3px;
}
#ligacao .btnLigar{
	display:inline-block;
	height:25px;	
	border:0;
	margin:0 0 0 0px;
	background:#F00;
	cursor:pointer;
	text-align:center;
	width:345px;
	float:left;
}
#ligacao .btnLigar:hover{
	background:#707070;
}
#operadoras{
	margin: 5px 0;
}
.notificacaoTel{
	width:370px;
	height:20px;
	display:none;
	color:#F00;
}
.pedido{
    color:#F00;
    margin:0 0 10px 0;
}

/*********************** CONTATO OR�AMENTO ***************************/
#contato{width:380px; float: right; padding:5px; background:#EFEFEF;}
#contato p{color:#FFF; font-weight:bold; font-size:14pt;}
#contato form{width:330px; }
#contato input{width:177px; border:0; padding:5px; color:#777;}
#contato label{color:#FFF; }
#contato .email{width:316px;}
#contato textarea{width:366px; height:68px; padding:5px; border:0; font-family:Arial; color:#7; font-size:11pt;}
#contato .btn-contato{width:376px; height:30px; margin:2px 0 0 0; border:0; background:#CCC url('../images/bg-enviar-mensagem.gif') 0 0 repeat-x; cursor:pointer; font-size:14pt; font-weight:normal; color:#FFF;} 
#contato .btn-contato:hover{background: url('../images/bg-enviar-mensagem.gif') 0 -30px repeat-x; color:#FFF;} 

/*Estilos para mensagens de notifica��es #ECFFEC */
.notificacao{width:380px; font-size:10pt; height:20px; margin:0; padding:3px 0 3px 3px; color:#F00; display: none; float:right;}
.sucesso{font-size:10pt; background:#ECFFEC; height:20px; margin:10px 0 0 3px; padding:3px 0 3px 3px; color:#000; display: none;}





#responsabilidade{
    width:920px;
    height:35px;
    padding:40px;
    margin: 45px auto;
    font-size:14pt;
	text-align:center;
	color:#575757;
} 
.img-responsabilidade   {
    float:right;
    margin:-30px -20px 0 0;
    padding:0 0 0 20px;
    width:130px;
    height:100px;
}
#footer{
    max-width:1140px;
    min-width:1000px;
    margin:0 auto;
}

#footer .whatsflutuante{
	
	position: relative;
	
}

#footer .whatsflutuante img{
	
	height:80px; 
	position:fixed; 
	bottom: 100px; 
	right: 25px; 
	z-index:99999;
	
}







.container{
    width:100%;
    bottom:0;
    background:#EFEFEF;
    padding:30px 0 0 0;
}
#footer .credito{
    background:url('../images/bg-shadow.png') no-repeat scroll center top transparent;
    height:110px;
	padding:0 20px;
    margin-top:30px !important;
    display:block;
}
#footer .copy{
    bottom:-70px;
    display:block;
    position:relative;
    float:left;    
}
#footer .olhardigital{
    float:right;
    bottom:-40px;
    display:block;
    position:relative;
    width:79px;
    height:50px;
}
#footer .produzido{
    float:right;
	font-size:7pt;
    bottom:-65px;
    display:block;
    position:relative;
    width:150px;
    height:25px;
}
#footer .produzidopor{
	color:#666;
}
#footer .produzido a{
	color:#000;
}
#footer .produzido a:hover{
	color:#00D;
}



#footer img{
    border:0;
}



#encontrar {
    width:22%;
    float:left;
    margin:0 3% 0 0;
}
#encontrar ul{
    
}
#encontrar ul li{
    list-style:none;
    background:url('../images/bg-title-footer.png') no-repeat scroll left bottom transparent;
    padding:15px 0;
}
#encontrar ul li p{
    padding:2px 0;
    color:#505050;
}
#econtrar ul li p, a{
    text-decoration:none;
    color:#505050;
}
#econtrar ul li p, a:hover{
    text-decoration:none;
    color:#000;
}
#encontrar ul li:last-child{
    background:none repeat scroll 0% 0% transparent;
    padding:15px 0 0 0;
}
#encontrar ul li .ende{
    width:32px;
    height:80px;
    margin:0 15px 0 0;
    background:url('../images/encontrar.png') -5px -2px;
    float:left;
}
#encontrar ul li .tele{
    width:32px;
    height:50px;
    margin:0 15px 0 0;
    background:url('../images/encontrar.png') -5px -97px;
    float:left;
}
#encontrar ul li .email{
    width:32px;
    height:30px;
    margin:0 15px 0 0;
    background:url('../images/encontrar.png') -5px -181px;
    float:left;
}

.titulo{
    color:#666;
    font-size:13pt;
    background:url('../images/bg-title-footer.png') no-repeat scroll left bottom transparent;
    padding:0 0 5px 0;
    font-family:gill_sans_lightregular;
}
#encontrar ul li p.rotulo{
    color:#000; 
    font-weight:bold;
}

#encontrar .mapa{
    font-weight:bold;
	margin:10px 0 0 47px;
}
#encontrar .mapa a:hover{
	color:#000;
}


#localizar{
    width:22%;
    float:left;
    margin:0 3% 0 0;
}





#maps{
    padding:10px 0;
}
#maps ul{
    
}
#maps ul li{
    list-style:none;
    background:url('../images/bg-title-footer.png') no-repeat scroll left bottom transparent;
    padding:15px 0;
}
#maps ul li p{
    padding:2px 0;
    color:#505050;
}
#maps ul li p, a{
    text-decoration:none;
    color:#505050;
}
#maps ul li p, a:hover{
    text-decoration:none;
    color:#000;
}
#maps ul li:last-child{
    background:none repeat scroll 0% 0% transparent;
    padding:15px 0 0 0;
}
#maps ul li .ende{
    width:32px;
    height:80px;
    margin:0 15px 0 0;
    background:url('../images/encontrar.png') -5px -2px;
    float:left;
}
#maps ul li .telefonec{
    width:32px;
    height:78px;
    margin:0 15px 0 0;
    background: url('../images/encontrar.png') -5px -97px;
    float:left;
}
#maps ul li .email{
    width:32px;
    height:30px;
    margin:0 15px 0 0;
    background:url('../images/encontrar.png') -5px -181px;
    float:left;
}
#maps ul li p.rotulo{
    color:#000; 
    font-weight:bold;
}






#link-rapido{
    width:22%;
    float:left;
    margin:0 3% 0 0;
}
#link-rapido ul li{
    list-style:none;    
    padding:5px 0;
}    
#link-rapido ul li a{
    color:#505050;
    text-decoration:none;
}
#link-rapido ul li a:hover{
    color:#000;
}
#news{
    width:22%;
	height:80px;
    float:left;
}
#news legend{
    color:#777;
    padding:5px 0;
    width:100%;
}
#news input[type="text"]{
    width:120px;
    height:23px;
    padding:0 4px 0 5px;
    margin:15px 0 0 0;
}
#news input[type="submit"] {
    width:69px;
    height:25px;
    border-radius:4px;
    vertical-align:bottom;
    border:none;
    color:#FFF;
    margin:15px 0 0 0;
    
    text-transform:uppercase;
    cursor:pointer;
    background:url('../images/bg-menu-lateral-ser.jpg');
}
#news .notificacaoNews{
	width:100%;
	height:20px;
	padding:2px;
	color:#F00;
	display:none;
	margin:5px 0 0 0;
}
#news p{
	color:#505050;
}


#redes{
    width:22%;
    float:left;  
    margin:40px 0 0 0;    
}
#redes a.twitter{
    width:57px;
    height:54px;
    background:url("../images/redes.png") no-repeat scroll 0 0 transparent;
    display:block;
    margin:15px 10px 0 0;
    float:left;
}
#redes a.facebook{
    width:57px;
    height:54px;
    background:url("../images/redes.png") no-repeat scroll -62px 0 transparent;
    display:block;
    margin:15px 18px 0 0;
    float:left;
}
#redes a.google{
    width:57px;
    height:54px;
    background:url("../images/redes.png") no-repeat scroll -132px 0 transparent;
    display:block;
    margin:15px 15px 0 0;
    float:left;
}
#redes a.twitter:hover{
    background:url("../images/redes.png") no-repeat scroll 0 -55px transparent;
}
#redes a.facebook:hover{
    background:url("../images/redes.png") no-repeat scroll -62px -55px transparent;
}
#redes a.google:hover{
    background:url("../images/redes.png") no-repeat scroll -132px -52px transparent;
}
iframe{
    max-width: 100%;
}

.clear{clear:both;}

/********* MODAL ***************/
.modal {
  display: none;
  width: 470px;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../images/close.png) no-repeat 0 0;
}
.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(../images/spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.modal p{
	font-size:8pt;
	margin:0 0 10px 0;
}

#frmEnviaPedido1 table{
	margin:0; padding:0; border:0;
}

#frmEnviaPedido1 label{
	display:block;
	margin:3px 0;
	font-size:8pt;
	width:70px;
	padding:0 0 0 5px;
}
#frmEnviaPedido1 input{
	padding:3px;
	margin:3px 0;
	font-size:9pt;
	width:140px;
}
#frmEnviaPedido1 textarea{
	width:370px;
	height:80px;
}
#frmEnviaPedido1 input[type="submit"]{
	float:right;
	width:240px;
}







#frmEnviaSob table{
	margin:0; padding:0; border:0;
}

#frmEnviaSob label{
	display:block;
	margin:3px 0;
	font-size:8pt;
	width:70px;
	padding:0 0 0 5px;
}
#frmEnviaSob input{
	padding:3px;
	margin:3px 0;
	font-size:9pt;
	width:140px;
}
#frmEnviaSob textarea{
	width:370px;
	height:80px;
}
#frmEnviaSob input[type="submit"]{
	float:right;
	width:240px;
}





/*****************CONTATO P�GINA********************/
#conteudo-single{
	width:1000px; 
	height:510px; 
	margin:0px auto; 
	background:#FFF;
}
#conteudo-single h2{
	color:#F00;	
	padding:0 0 15px 0;
	background: url('../images/bg-divisor.png') no-repeat scroll left bottom transparent;
	margin:0 0 15px 0;
}
#mapa_contato {
	float: left; 
	width:480px; 
	height:464px; 
	background:#EFEFEF; 
	border-top:8px solid #F00; 
	margin:0
}
#contato-frm {
	float: right; 
	width:460px; 
	margin:5px 15px 0 0;
}
#contato-frm .fone{
	background: url('../images/sprites.png') no-repeat 0 -64px; 
	display:block; 
	width:400px; 
	height:20px; 
	margin:10px 0 0 0; 
	padding:0 0 0 27px;
}
#contato-frm .mail{
	background: url('../images/sprites.png') no-repeat 0 2px; 
	display:block; 
	width:20px; 
	height:20px; 
	margin:10px 0 0 0; 
	padding:0 0 0 27px;
}
#contato-frm .site{
	background: url('../images/sprites.png') no-repeat 0 -30px; 
	display:block; 
	width:20px; 
	height:20px; 
	margin:10px 0 0 0; 
	padding:0 0 0 27px;
}
#contato-frm .mail a, #contato-frm .site a, #contato-frm .fone a{
	text-decoration:none; 
	color:#F00;
}
#contato-frm .mail a:hover, #contato-frm .site a:hover, #contato-frm .fone a:hover{
	text-decoration:underline; 
	color:#777;
}
hr.secao{
	width:460px; 
	display:block; 
	height:10px; 
	background:url("../images/hr-sections.png"); 
	border:0; 
	margin:30px 0; 
}
#conteudo-single .input-block{width:215px; height:70px; float:left; }
#conteudo-single .input-block-last{width:215px; height:70px; float:right; }
#conteudo-single label{display:block; font-weight:bold; padding:2px 0;}
#conteudo-single input{width:205px; height:25px; border:1px solid #F00; padding:0 5px}
#conteudo-single .input-full{display:block; }
#conteudo-single textarea{width:450px; height:52px; border:1px solid #F00; resize: vertical; padding:5px;}
#conteudo-single input[type=submit]{width:80px; background:#F00; color:#FFF; border:1px solid #F00; cursor:pointer; } 
#conteudo-single .notificacaoContato{
	color:#F00;
	margin:3px 0;
	display:block;
	height:20px;
}

/**************** ISOTOPE ******************/
.item-iso { width: 25%; }
.item-iso.w2 { width: 50%; }

.info {
color: #00529B;
display:block;
margin:20px 0 0 0;
padding:15px 15px 15px 50px;
background: #BDE5F8 url('../images/icons/info.png') 10px 8px no-repeat;
border:1px solid;
}
.success {
color: #4F8A10;
display:block;
margin:20px 0 0 0;
padding:15px 15px 15px 50px;
background: #DFF2BF url('../images/icons/sucesso.png') 10px 8px no-repeat;
border:1px solid;
}
.warning {
color: #9F6000;
display:block;
margin:20px 0 0 0;
padding:15px 15px 15px 50px;
background: #FEEFB3 url('../images/icons/atencao.png') 10px 8px no-repeat;
border:1px solid;
}
.erro {
color: #D8000C;
display:block;
margin:20px 0 0 0;
padding:15px 15px 15px 50px;
background: #FFBABA url('../images/icons/erro.png') 10px 8px no-repeat;
border:1px solid;
}
header #botao-mobile {display:none}
#produtos-mobile{display:none}



.whatsphone{
	display:none;
	background:#FFF;
	width:100%;
	padding:10px 0;
	position:fixed; 
	bottom: 0; 
	z-index:99999;	
	text-align:center;
	font-size:1.3em;
}

.whatsphone .whats, .cell{
	
	color:#FFF;
	display:inline-block;
	padding:10px;
	border-radius:5px;	
}

.whatsphone .whats{
	background:#00CC00;
	margin:0 10px 0 0;
	border:2px solid #008800;
}

.whatsphone .cell{
	background:#FF0000;
	border:2px solid #CC0000;
}




@media all and (max-width: 800px) {
	
	#footer .whatsflutuante{
		display:none;		
	}

	.container .whatsphone{
		display:block;
	}

	
    #produtos-mobile{display:block}
    #produtos-desktop{display:none}
    header #botao-mobile {
        display: block;
        color: #F00;
        border: 1px solid #999;
        padding: 5px 10px;
        line-height: 30px;
    }
    #header, 
    #amazingslider-1, 
    #main, 
    article, 
    #arquivos, 
    #atendimento, 
    #responsabilidade,
    #emdestaque,
    #footer,
    .emdestaque {
        width: 100%!important;
        min-width: initial;
        max-width: initial;
    }
    header + nav {
        position: absolute;
        z-index: 999;
        top: 120px;
        left: 0;
        width: 100%!important;
        display: none;

    }
    :focus {
        outline: none
    }
    header button {
        position: absolute;
        right: 38px;
        top: 38px;
        font-size: 40px;
        background: transparent;
        border: none;
    }
    #menu {
        width: 100%!important;
        min-width: initial;
        max-width: initial;
        height: auto;
        background: #333;
        text-align: center;
    }
    #novidades {
        width: 100%!important;
    }
    .lavaLampWithImage li a,
    .lavaLampWithImage li {
        display: block;
        width: 100%;
        text-align: center;
        padding: 5px 0;
        margin: 0!important;
    }
    .lavaLampWithImage li.back {
        display:none
    }
    * {
        box-sizing: border-box;
    }
    #footer > div {
        display: block;
        width: 100%;
        text-align: center;
    }
    #footer  > div span {
        display: none;
    }
    .titulo {
        background: initial;
    }
    article {
        margin: 0;
    }
    article > section > div{
        padding: 15px;
    }
    .sombra{
        display: none
    }
    .header {
        background: #fff!important;
    }
    section > header {
        padding: 0 15px;
    }
    #header .logo {
        margin-left: 0;
    }
    #contato-topo {
        display: none;
    }
    #slider, 
    #amazingslider-1 {
        height: auto!important;
    }
    #contato-topo .email-topo,
    #contato-topo .tel-topo {
        display: none;
    }
    #box-menu {
        background: #333;
    }
    #produtos-mobile option {
        font-size: 13px!important;

    }
    #produtos-mobile {
        padding: 10px 5px;
        width: 100%;
        background: #d10b0e;
        border: none;
        color: #fff;
        font-size: 13px;
    }
    aside {
        float: none;
        width: 100%;
        margin: 0;
    }
    #main {
        margin: 0;
    }
    #produtos-detalhes .imagens {
        width: 100%;
        height: auto;
    }
    #produtos-detalhes .img-produto {
        width: 100%;
        height: auto;
        float: left;
    }
    #descricao-produtos {
        width: 100%;
        margin-top: 15px;
    }
    #responsabilidade {
        margin: 0;
        padding: 15px;
        height: auto;
    }
    .detalhe2 {
        width: 100%;
        margin: 0;
        padding: 15px;
    }
    #maps {
        padding: 0;
    }
    #maps ul li {
        background: initial;
    }
    #news p {
        padding: 0 15px;
    }
    #encontrar .mapa {
        margin-left: 0;
    }
    footer h4 {
        margin-top: 30px;
    }
    #frmNews {
        position: relative;
        max-width: 100%;
        display: table;
        margin: auto;
    }
    #news input[type="text"]{
        height: 25px;
        width: 300px;
        padding-right: 100px;
    }
    #news input[type="submit"] {
        position: absolute;
        right: 0;
        top: 0;
    }
    #footer > div {
        float: none
    }
    #footer > div#redes {
        display: table;
        margin: 30px auto;
        text-align: center;
    }
    #redes a {
        display: inline-block!important;
        float: none!important;
        margin: 15px!important;
    }
    #atendimento {
        height: auto;
        overflow: hidden;
        text-align: center;
        background: #dfdfdf;
        color: #000;
    }
    #atendimento p,
    #atendimento a,
    #atendimento h3 {
        color: #000!important;
    }
    #atendimento > div {
        width: 100%;
        background: transparent;
        display: block;
        padding: 0;
        margin: 0;
        float: none;
        overflow: hidden;
        height: auto;
        margin-top: 33px;
        
    }
    #depoimentos {
        width: 100%!important;
    }
    #emdestaque ul li p {
        font-size: 12pt;
    }
    #emdestaque {
        position: relative;
        height: auto;
    }
    #emdestaque ul li {
        border-radius: 0!important;
    }
    #novidades .data {
        font-size: 11pt;
    }
    #novidades h4 a {
        font-size: 16pt;
    }
    #novidades a {
        font-size: 12pt;
    }
    #emdestaque .prev,
    #emdestaque .next {
        height: 80%;
    }
    #novidades ul li {
        font-size: 16pt;
        padding: 10px;
        overflow: hidden;
    }
    #novidades p {
        font-size: 14px;
        line-height: initial;
    }
    #emdestaque .emdestaque{
        position: relative;
        z-index: 0;
    }
    #emdestaque .next {
        position: absolute;
        right: 5px;
        bottom: 20px;
        z-index: 999;
    }
    #emdestaque .prev {
        position: absolute;
        left: 5px;
        bottom: 20px;
        z-index: 999;
    }
    #atendimento h3 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13pt;
    }
    #atendimento p, #atendimento a {
        font-size: 10pt;
        text-transform: uppercase;
    }
    #emdestaque ul li {
        min-height: 160px;
        height: auto!important;
    }
    #emdestaque ul li img {
        width: 100%;
        height: auto;
        border-radius: 0!important;
    }
    #produtos {
        width: 100%;
        height: auto!important;
        margin-top:0
    }
    #produtos ul li {
        width: 100%;
        height: auto;
        border-radius: 0!important;
    }
    #produtos ul li img {
        width: 100%;
        height: auto;
        border-radius: 0!important;
    }
    #produtos ul li.isotope-hidden{display:none}
    #pprodutos-section > header {
        padding: 0 15px;
    }
    #produtos-detalhes header h3 {
        text-transform: uppercase;
    }
    #produtos ul li {
        width: 49%;
        min-height: 235px;
        border-radius: 0!important;
        margin: 0!important;
        position: relative!important;
        clear: none;
        top: 0!important;
        left: 0!important;
        transform: none!important;
    }
    #options li {
        padding: 8px;
    }
    #options {
        width: 100%;
        padding: 0 15px;
    }
    [title="Agência OLHAR DIGITAL"] {
        display: block;
        margin: 15px auto;
    }
    #produtos ul li h3 {
        font-size: 9.5pt;
    }
    #produtos ul li p,
    .apartir {font-size: 10pt;}
    #descricao-produtos p {
        font-size: 12pt;
    }
    .detalhe2 {font-size:12pt;}
    .detalhe2 p {font-size:10pt;}
    #link-rapido ul li a,
    #footer p {
        font-size: 11pt;
    }
    #footer .titulo {
        font-size: 16pt;
        font-family: Verdana, Arial, 'sans-serif';
    }
    #footer .olhardigital,
    #footer .copy,
    #footer .produzido {
        float: none;
        bottom: 0;
        font-size: initial;
        width: initial;
        height: initial;
        display: block;
    }
    #emdestaque h3,
    #novidades h3,
    #depoimentos h3 {
        font-size: 18pt;
    }
    #footer .credito {
        height: auto;
        background: #fff;
        padding: 15px;
        text-align: center;
    }
    .credito * {
        display: block;
        width: 100%;
        text-align: center;
    }
    #footer .olhardigital {
        margin: auto;
    }
    #blog {
        width: 100%;
    }
    #menu-noticias {
        width: 100%;
    }
    #menu-noticias ul li {
        width: 100%;
        padding: 15px;
    }
    #mapa_contato iframe,
    #mapa_contato {
        width: 100%;
        height: 200px;
        float: none;
    }
    #conteudo-single {
        width: 100%;
        height: auto;
    }
    #contato-frm {
        float: none;
        width: 100%;
        padding: 15px;
    }
    #contato-frm .fone a {
        display: block;
        font-size: 12pt
    }
    #contato-frm .site,
    #contato-frm .mail {
        font-size: 12pt;
    }
    #contato-frm .fone {
        width: auto;
        color: #fff;
        height: auto;
        margin-bottom: 5px;
        font-size: 1px;
    }
    #conteudo-single .input-block-last,
    #conteudo-single .input-block {
        width: 100%;
        display: block;
        float: none;
    }
    hr.secao {
        width: 100%;
    }
    #conteudo-single input {
        height: 40px;
    }
    #conteudo-single textarea {
        height: 150px;
    }
    #conteudo-single input,
    #conteudo-single textarea {
        width: 100%;
    }
    #maps .telefonec ~ p a {color: red;font-weight:bold;}
    #options ul li a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 10px;
    }
    #options ul li {
        position: relative;
        float: left;
        display: block-inline;
        margin: 1%;
        width: 30%;
        border: 1px solid #555;
        height: 48px;
    }
}