﻿/* CSS */
@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css"); 

/* LAYOUT */
body {background:transparent url('images/bg_content.jpg') repeat-x scroll left 160px;}
body#produtos {background:transparent none;}
#page {width:100%;}
#page-home {width:100%;}
#page-podutos {width:100%;}
#page-empresa {width:100%;}
#page-contato {width:100%;}
#page-outsourcing {width:100%;}
#page-suporte {width:100%;}
/* header */
#header {position:relative;z-index:2;/*hack for ie6*/}
	#header .container_13 {background:transparent url('images/bg_header.jpg') no-repeat scroll top center;height:157px;position:relative;z-index:1;}
	#header #logo {padding:0;margin:0;position:absolute;top:35px;left:35px;z-index:2;}
	#header #logo a {background:transparent url('images/logo_allcopy.gif') no-repeat scroll top left;height:100px;width:240px;text-indent:-9999em;display:block;margin:0;}

	#header #navigation {background:transparent url('images/bg_navigation.gif') no-repeat scroll top left;height:42px;width:552px;position:absolute;right:17px;bottom:0;z-index:1;}
	#header #menu ul {list-style:none;margin:0;padding:0;z-index:2;}
	#header #menu ul li {list-style:none;float:left;margin:0;padding:0;z-index:2;}	
	#header #menu ul li a {float:left; margin:0; padding:0; color:#666; display:block; height:42px; background-repeat:no-repeat; background-position:top left; text-indent:-9999em; background-image:url('images/menu.gif');}
	#header #menu ul li a:hover {text-decoration:none;}
	#header #menu ul li.menu-home a {width:76px;background-position:0 0;}
	#header #menu ul li.menu-home a:hover {background-position:0 -84px;}
	#header #menu ul li.menu-home a.active {background-position:0 -42px;}
	
	#header #menu ul li.menu-produtos a {width:94px;background-position:-76px 0;}
	#header #menu ul li.menu-produtos a:hover {background-position:-76px -84px;}
	#header #menu ul li.menu-produtos a.active {background-position:-76px -42px;}
	
	#header #menu ul li.menu-suporte a {width:88px;background-position:-170px 0;}
	#header #menu ul li.menu-suporte a:hover {background-position:-170px -84px;}
	#header #menu ul li.menu-suporte a.active {background-position:-170px -42px;}
	
	#header #menu ul li.menu-outsourcing a {width:113px;background-position:-258px 0;}
	#header #menu ul li.menu-outsourcing a:hover {background-position:-258px -84px;}
	#header #menu ul li.menu-outsourcing a.active {background-position:-258px -42px;}
	
	#header #menu ul li.menu-empresa a {width:93px;background-position:-371px 0;}
	#header #menu ul li.menu-empresa a:hover {background-position:-371px -84px;}
	#header #menu ul li.menu-empresa a.active {background-position:-371px -42px;}
		
	#header #menu ul li.menu-contato a {width:88px;background-position:-464px 0;}
	#header #menu ul li.menu-contato a:hover {background-position:-464px -84px;}
	#header #menu ul li.menu-contato a.active {background-position:-464px -42px;}
	
	
	/* nav dropdown */
	#header #nav li.submenu {list-style:none;	padding:0; margin:0;}
	#header #nav li.submenu ul {float:none; position: absolute;	left: -1000em; margin: 41px 0 0 0; z-index:1000; border-color:#FFF #CCC #CCC #CCC;border-width:0 1px 1px 1px; border-style:solid;}
	
	#header #nav li.menu-produtos ul {width: 94px;}
	#header #nav li.menu-suporte ul {width: 184px;}	
	
	*html #header #nav li.submenu ul {clear:both;margin:0;/*hack for ie6*/}
	
	#header #nav li.submenu ul li {float:left; margin-left:0;}
	#header #nav li.menu-produtos ul li {width:94px;}
	#header #nav li.menu-produtos ul li a {width: 74px;}
	
	#header #nav li.menu-suporte ul li {width:184px;}
	#header #nav li.menu-suporte ul li a {width: 164px;font-size:12px;}
	
	#header #nav li.submenu ul li a {display: block; text-indent:0; height: 22px; text-align: left;	text-decoration: none; color: #666!important; padding:5px 10px; background:#FFF none!important; font-size:12px;}	
	#header #nav li.submenu ul li a:hover {text-decoration: none; background-color:#DA251C!important; color:#FFF!important;}
	#header #nav li.submenu:hover ul ul, #header #nav li.over ul ul {left: -1000em;}
	#header #nav li.submenu:hover ul, #header #nav li.submenu li:hover ul {left: auto;z-index:1000;}
	#header #nav li.submenu ul ul {float:left; margin:0 0 0 89px; width:160px; border:1px solid #CCC;}
	#header #nav li.submenu ul ul li {width: 160px;}
	#header #nav li.submenu ul ul li a {width: 140px;font-size:11px;}
	
	#endereco_allcopy {position:absolute;width:343px;height:60px;display:block;top:30px;right:100px;z-index:2;background:transparent url(images/endereco_allcopy.png) no-repeat scroll top right;}
/* /header */	

/* footer */	
#footer {background:transparent url('images/bg_footer.jpg') repeat-x scroll top left;height:44px;text-align:center;}
	#footer p {color:#FFF;padding:12px 0;}
#copyright a {background:transparent url('images/logo_studioiduts.gif') repeat-x scroll top left;width:52px;height:18px;text-indent:-9999em;display:block;float:right;margin:10px 20px;}
/* /footer */

/* content */
#content {border-top:2px solid #ccc;z-index:0;}
	#content .container_13 {text-align:center;}
	#content .container_13 h2 {text-align:left;}

	#content #content_bottom {background:transparent url('images/bg_content_bottom.jpg') no-repeat scroll bottom center;}
	
	.block750 {height:750px;background:transparent url('images/bg_content750.jpg') no-repeat scroll bottom center;}
	.block450{height:450px;background:transparent url('images/bg_content450.jpg') no-repeat scroll bottom center;}
/* /content */

/* content-home */
#page-home #content_top , #content .container_13 , #intro , #block-intro {z-index:-1;}
#page-home #content_top {height:249px;}	
#page-home #content_bottom {height:502px;}

#page-home #content_bottom_left {float:left;width:50%;margin:0;}
#page-home #content_bottom_right {float:right;width:50%;margin:0;padding:27px 0 0 0;background:transparent url('images/bg_separate.jpg') no-repeat scroll left 20px;height:350px;}

#page-home .block h2 {display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; float:left; }	
#page-home .block h2 a {display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; float:left; }	

#block-promo  {padding:27px 0 0 40px;}
	#block-promo h2 a {background-image: url('images/title_promocoes.gif');}
	#block-promo .block-content {margin:20px 0 0 0;color:#666;display:block;}
	#block-promo ul li {margin:20px 0 0 0;list-style:none;}
	
#block-allcopy {padding:0 0 0 60px;}
	#block-allcopy h2 a {background-image: url('images/title_allcopy.gif');margin:0;}
	#block-allcopy .block-content {display:block;margin:0;clear:both;}
	#block-allcopy .block-content p {text-align:left;font-size:11px;padding:0px 80px 0 0;color:#666;}
	
#block-news {padding:30px 0 0 60px;}
	#block-news h2 {background-image: url('images/title_noticias.gif');}
	#block-news dl {text-align:left;}
	#block-news dl dt {font-weight:bold;color:#da251d;padding:8px 0 0 0;}
	#block-news dl dt a {font-weight:bold;color:#da251d;text-decoration:none;}
	#block-news dl dt a:hover {color:#da251d;text-decoration:underline;}
	#block-news dl dd {font-size:11px;text-align:left;color:#666;}

#block-visita {padding:0 0 0 60px;}
	#block-visita h2.title-visita a {background-image: url('images/title_visita.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:300px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-visita .block-content {display:block;margin:0;clear:both;}
		#block-visita .block-content p {text-align:left;font-size:11px;padding:0px 80px 0 0;color:#666;}
/* /content-home */

/* content-produtos */
#page-produtos #content_bottom {height:170px;}
#block-produtos {height:385px;background:transparent url('images/bg_produtos.jpg') no-repeat scroll bottom center;position:relative;z-index:1;}
	
.clique {background:transparent url('images/icon_clique.gif') no-repeat scroll top left;width:120px;height:25px;display:block;position:absolute;right:0;z-index:2;text-align:left;text-indent:-9999em;margin:30px 30px 0 0;}
/* stepcarousel */
	.stepcarousel {
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		width: 940px; /*Width of Carousel Viewer itself*/
		height: 340px; /*Height should enough to fit largest content's height*/
		margin:0 5px 0 10px;
		z-index:1;
	}
	.stepcarousel .belt {
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
		z-index:1;
	}
	.stepcarousel .panel {
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 0; /*margin around each panel*/
		width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		z-index:1;
	}
	#produtos {position:relative;z-index:1;}
	#block-produtos h3 {position:absolute;z-index:1;top:30px;left:30px;display:block;text-indent:-9999em;background-repeat:no-repeat;background-position:top left;margin:0;}
	h3.multifuncionais_pb {background-image:url('images/title_multifuncionais_pb.gif');width:305px;height:30px;}
	h3.multifuncionais {background-image:url('images/title_multifuncionais_coloridos.gif');width:305px;height:30px;}
	h3.duplicadores {background-image:url('images/title_duplicadores.gif');width:305px;height:30px;}
	h3.copiadoras {background-image:url('images/title_copiadoras.gif');width:305px;height:30px;}
	h3.impressoras_pb {background-image:url('images/title_impressoras_pb.gif');width:305px;height:30px;}
	h3.impressoras {background-image:url('images/title_impressoras.gif');width:305px;height:30px;}
	h3.ploters_pb {background-image:url('images/title_ploters_pb.gif');width:305px;height:30px;}
	h3.ploters {background-image:url('images/title_ploters.gif');width:305px;height:30px;}
	h3.grandes_formatos {background-image:url('images/title_grandes_formatos.gif');width:305px;height:30px;}
	#block-produtos ul {padding:70px 0 0 70px;}
	#block-produtos ul li {float:left;list-style:none;margin:35px 40px 0 0;}
	#block-produtos ul li a img {border:1px solid #E8E8E8;}
	#block-produtos ul li a img:hover {border:1px solid #D11C00;}
	#produtos-paginate {padding:10px 0;width:100%;text-align:center;}
	
	/* box */
	#allcopy {font-size:11px;margin:0 auto;padding:0;text-align:left;width:435px;}
	#allcopy2 {font-size:11px;margin:0 auto;padding:0;text-align:left;width:690px;}
	#allcopy img , #allcopy2 img {height:423px;display:block;margin:0 0 10px;}
	.download {float:right;font-size:10px;text-align:right;color:#666;}
	.icon_pdf {width:51px;height:44px;display:block;background:transparent url('images/icon_pdf.jpg') no-repeat scroll left top;float:right;text-indent:-9999em;text-align:left;}
	.title {color:#da251c;margin:0;padding:0;font-size:12px;margin:0 80px 0 0;}
	.description {font-size:11px;color:#444;text-align:left;margin:0 80px 0 0;}
	.orcamento {margin:5px 0 0;float:left;width:100%;}
	.orcamento a {width:132px;height:41px;display:block;background:transparent url('images/bt_orcamento.gif') no-repeat scroll left top;float:right;text-indent:-9999em;text-align:left;}
	.orcamento a:hover {background-position:left bottom;}
/* /content-produtos */

/* content-produtos-inside */
#block-produtos-inside{position:relative;z-index:1;}
#block-produtos-inside h3 {position:absolute;z-index:1;top:30px;left:30px;display:block;text-indent:-9999em;background-repeat:no-repeat;background-position:top left;margin:0;}

#block-produtos-inside ul {padding:70px 0 0 70px;}
	#block-produtos-inside ul li {float:left;list-style:none;margin:35px 40px 0 0;text-align:left;}
	#block-produtos-inside ul li a img {border:1px solid #E8E8E8;}
	#block-produtos-inside ul li a img:hover {border:1px solid #D11C00;}
/* /content-produtos-inside */

/* content-promocoes */
#page-promocoes .block h2 {display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; }	
#block-promocoes {text-align:left;}
#block-promocoes .inside {padding:27px 0 0 40px;}
	#block-promocoes h2 {background-image: url('images/title_promocoes.gif');}
	#block-promocoes-left {float:left;width:45%;text-align:left;margin:50px 0 0 0;}
	#block-promocoes-right {float:right;width:45%;text-align:left;margin:50px 30px 0 0;}
	#priport_dx_3340 {}
	#aficio_sp_4210n {margin:3px 0 0 0;}
/* /content-promocoes */

/* content-noticias */
#page-noticias .block h2 {display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; }	
#block-noticias {text-align:left;}
#block-noticias .inside {padding:27px 0 0 40px;}
	#block-noticias h2 {background-image: url('images/title_noticias.gif');}
	#block-noticias h3 {color:#CC0000;font-size:14px;font-weight:bold;margin:0;}	
	#block-noticias-left {float:left;width:45%;text-align:left;margin:50px 0 0 0;}
	#block-noticias-right {float:right;width:45%;text-align:left;margin:50px 30px 0 0;}	
/* /content-noticias */

/* content-lancamentos */
#page-lancamentos .block h2 {display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; }	
#block-lancamentos {text-align:left;}
#block-lancamentos .inside {padding:27px 0 0 40px;}
	#block-lancamentos h2 {background-image: url('images/title_lancamentos.gif');}
	#block-lancamentos h3 {color:#CC0000;font-size:14px;font-weight:bold;margin:0;}
	#block-lancamentos .text {text-align:left;font-size:12px;color:#444;margin:10px 100px 0 0;}
/* /content-lancamentos */


/* content-suporte */
#bg_suporte {background:transparent url('images/bg_suporte.jpg') no-repeat scroll right top;width:344px;height:298px;float:right;margin:0 11px 0 0;}
#block-suporte .inside {padding:40px;text-align:left;}
	#block-suporte h1.title {background-image: url('images/title_suporte.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:300px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-suporte h1.title-abertura {background-image: url('images/title_abertura_chamado.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:300px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-suporte h1.title-suprimentos {background-image: url('images/title_suprimentos.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:300px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-suporte h1.title-visita {background-image: url('images/title_visita.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:300px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-suporte h2 {font-size:14px;font-weight:bold;margin:0;}
	#block-suporte h3 {color:#CC0000;font-size:14px;font-weight:bold;margin:0;}
	#block-suporte ul li {list-style:none;line-height:1.3em;padding:1em 0 0;margin:0;}
	#block-suporte ul li a {color:#444;}
	#block-suporte .text {text-align:left;font-size:12px;color:#444;margin:10px 300px 0 0;}
/* /content-suporte */

/* content-outsourcing */
#block-outsourcing .inside {padding:40px;text-align:left;}
	#block-outsourcing h1.title {background-image: url('images/title_outsourcing.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-outsourcing h2 {color:#CC0000;font-size:14px;font-weight:bold;margin:0;}
	#block-outsourcing .text {text-align:left;font-size:12px;color:#444;margin:10px 270px 0 0;}
	#block-outsourcing-left {float:left;width:47%;text-align:left;margin:0;}
	#block-outsourcing-right {float:right;width:52%;text-align:left;margin:0;}		
/* /content-outsourcing */

/* content-empresa */
#block-empresa .inside {padding:40px;text-align:left;}
	#block-empresa h1.title {background-image: url('images/title_empresa.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-empresa h2 {color:#CC0000;font-size:14px;font-weight:bold;margin:0;}
	#block-empresa .text {text-align:left;font-size:12px;color:#444;margin:10px 300px 0 0;}
/* /content-empresa */

/* content-contato */
#block-contato .inside {padding:40px;text-align:left;}
	#block-contato h1.title {background-image: url('images/title_contato.gif');display:block;text-indent:-9999em; margin:0; padding:0; width:182px; height:30px; background-repeat:no-repeat; background-position:top left; }
	#block-contato h2 {font-size:14px;font-weight:bold;margin:0;}
	#block-contato .text {text-align:left;font-size:12px;color:#444;margin:10px 300px 0 0;}	
	/* mapa */
	#map_canvas {width:100%;height:400px;margin:0 0 20px;}
	#mapbox {font-size:11px; font-family:Arial, sans-serif;padding:5px 14px 5px 5px;}
	#maptitle {font-size:12px;font-weight:bold;margin:0;}
	#mapcontent {font-size:11px;font-weight:normal;}
	
/* /content-contato */

/* content-form */
h2.success {color:#7FCF00;}
h2.error {color:#CC0000;}

#mapa {float:right;width:350px;}
#block-contato #formulario {float:left;}	
#block-contato .text {margin:0 380px 0 0;}
#formulario {padding:0;}
#formulario label {font-size:11px;}
#formulario input {font-size:13px;font-family:Arial, sans-serif;background:#FFF url('images/bg_input.gif') no-repeat scroll top left;border:1px solid #CCC;padding:3px 3px;}
#formulario textarea {width:350px;height:100px;background:#FFF url('images/bg_input.gif') no-repeat scroll top left;border:1px solid #CCC;padding:3px 3px;}
#formulario #nome, 
#formulario #email , .formtext {width:240px;}
#formulario #telefone, 
#formulario #empresa , 
#formulario #departamento {width:200px;}
#formulario #codigo , 
#formulario #modelo {width:160px;}
#formulario #assunto {width:240px;}
#formulario #mensagem , #formulario #suprimentos , #formulario #defeito  {width:350px;font-size:13px;font-family:Arial, sans-serif;} 
#formulario #enviar {border:0;padding:0;margin:4px 0 0;}
#formulario .help {color:#CC0000;font-size:11px;}
#formulario .formdiv {padding:3px 0 5px;}

/* /content-form */
