@charset "utf-8";

div#poweredby { display: none; }

html { font-size: 13px; padding: 0; margin: 0; }
body {
  color: #444;
  font-family: "Trebuchet MS", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.5;
  padding: 0;
  margin: 0;
}

body h1 { font-size: 25px; font-weight: bold; color: #222; }
body h2 { font-size: 19px; font-weight: bold; color: #333; }
body h3 { font-size: 16px; font-weight: bold; color: #444; }

body a { color:#888888; }
body a:hover { color: #cc1111; }

/* common definitions */
.col270left { float: left; width: 270px; }
.col270right { float: right; width: 270px; }
/* common properties */
.tv-box-wide { margin: 0px -20px 20px -40px; background-color: #f3f3f3; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; }
.tv-box-wide table { border: 1px solid #e2e2e2; }
.tv-box-wide table h1 { font-size: 15px; font-weight: normal; }
.tv-box-wide table img.icon { margin: 16px 6px 0 16px; }


/* forms : common definitions */
.form { padding: 0; margin: 0; line-height: 17px; overflow: hidden;}
.form fieldset { border: none; }
.form ul { margin: 0; padding: 0; list-style: none; }
.form ul li { margin: 5px 0; }
.form ul li.field span.label { width: 130px; text-align: right; padding-right: 5px; display: block; float: left; }
.form ul li.field span.label:after { content: " : "; }
.form ul li.field span.input input { width: 370px; border: 1px solid #aaa; }
.form ul li.field span.input textarea { border: 1px solid #aaa; }
.form ul li.field span.error { display: block; text-align: center; color: red; }
.form ul li.required span.input:after { color: red; content: " *"; }
.form ul li.text_label span.label { display: none; }
.form ul span.errors { display: block; color: red; border-top: 1px dotted silver; }
.form .actions input { float: right; margin: 3px; border-width: 1px; }

/* FORM - CONTACTO */
.form-contacto {max-width:818px;}
.form-contacto .actions { float: right; margin-right: 20px; }
.form-contacto .actions button.resetBtn { display: none; }
.form-contacto ul li.field span.input textarea { width: 650px; height: 150px; }

/** FORM - MIGRACAO **/
.form-migracao { }
.form-migracao h1 { display: none; }
.form-migracao .form { margin: 0 0 30px 0; }
.form-migracao .actions { float: right; margin: -40px 10px 0 0; }
.form-migracao .actions button.resetBtn { display: none; }
.form-migracao ul li.field span.input input { width: 370px; }
.form-migracao ul li.field.titulo.text_label { width: 850px; }
.form-migracao ul li.field span.input textarea { width: 650px; height: 150px; }

/** FORM - SUGESTÃO **/
.form-sugestao {}
.form-sugestao ul li.field span.input textarea {width:430px;height:150px;}

/* MENU VERTICAL */
.menu-v1 { overflow:hidden; width: 140px; padding: 25px 25px 25px 10px; font-size: 17px; background:transparent url(http://static.textovirtual.com/images/textovirtual/product-menu-bg.png) no-repeat top right; }
.menu-v1 h1 { display: none; }
.menu-v1 ul { list-style: none; margin: 0; padding: 0; position: relative; }
.menu-v1 ul li { display:block; border-bottom: 1px solid #e0e0e0; }
.menu-v1 ul li a,
.menu-v1 ul li a:link,
.menu-v1 ul li a:active,
.menu-v1 ul li a:focus,
.menu-v1 ul li a:visited { text-decoration: none; display: block; outline: none; }
.menu-v1 ul li a:hover { }
.menu-v1 ul li a span { padding-left: 5px; line-height: 1.9em; }
.menu-v1 ul li a span.icon { display: none; }
.menu-v1 ul li.active { list-style: disc; list-style-position: outside; }
.menu-v1 ul li.active a { color: #aa0000; outline: none; font-weight: bold; }
/* caso especial */
.menu-v1 ul li.funcionalidades { font-size: 10px; margin-top: 20px; }

/* MENU HORIZONTAL */
.menu-h1 { height: 32px; overflow: hidden; padding-top: 50px; }
.menu-h1 h1 { display: none; }
.menu-h1 ul { list-style: none; margin: 0; padding: 0; position: relative; overflow: hidden; }
.menu-h1 ul li { float: left; padding-right: 20px; display:block; }
.menu-h1 ul li a,
.menu-h1 ul li a:link,
.menu-h1 ul li a:focus,
.menu-h1 ul li a:active,
.menu-h1 ul li a:visited {
  display: block;
  padding: 1px;
  overflow: hidden;
  text-transform: capitalize;
  text-decoration: none;
  color: #ccc;
  outline: none;
}
.menu-h1 ul li a:hover { color: #fff; background-position: 0 -32px; text-decoration: none; }
.menu-h1 ul li a span { float: left; margin: 0; max-height: 32px; display: block; text-align: center; cursor: hand; }
.menu-h1 ul li a span.icon { display: block; width: 16px; height: 16px; margin: 3px 5px 0 0; float: left;
  background:transparent url(http://static.textovirtual.com/images/textovirtual/tv-menu-sprite.png) no-repeat; }
.menu-h1 ul li.index a span.icon { background-position: 0 0; }
.menu-h1 ul li.modelos a span.icon { background-position: 0 -16px; }
.menu-h1 ul li.produto a span.icon { background-position: 0 -32px; }
.menu-h1 ul li.precos a span.icon { background-position: 0 -48px; }
.menu-h1 ul li.contactos a span.icon { background-position: 0 -64px; }
/* legacy */
.menu-h1 ul li.exemplos a span.icon { background-position: 0 -16px; }
.menu-h1 ul li.suporte a span.icon { background-position: 0 -48px; }
/* vamos reescrever algumas propriedades (cores, fontes e tamanhos) definidas nos estilos da página */
.menu-h1 { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
.menu-h1 { font-size: 14px; }
.menu-h1 a { color: #aaa; }
.menu-h1 a:hover { color: #fff; }

/* estilo utilizado pela loja (lista de artigos) */
.catalog h1 { margin: 8px 0 8px 15px; }
/* layout */
.catalog .products-list{width:740px;float:left;}
.catalog .categories {width:180px;float:right;margin:30px 0 20px;padding-left:19px;border-left:1px dashed #ddd;}
.catalog .categories .current a {font-weight:bold;color:#000;}
/*style*/
.catalog ul.products {list-style:none;overflow:hidden;margin:0;padding:0;}
.catalog .products li {float:left; padding: 13px; vertical-align: bottom;}
.catalog .products li .product { border: 1px solid #ccc; width:119px;height:103px;}
.catalog .products li .product .footer{border-top:1px solid #fff;background:#f0f0f0;text-align:left;padding:1px 5px;height:20px;}
.catalog .products li .product .name a span{width:113px;height:1.5em;display:block;overflow:hidden;}
.catalog .products li .product .image-tiny { border-bottom: 1px solid #ccc; text-align: center; padding: 3px;width:113px;height:72px;overflow:hidden;}
.catalog .products li .product .image-tiny img { border: none; margin-top:6px;}
.catalog .images-bar { overflow: hidden; border-bottom: 1px solid #ccc; }
.catalog .images-bar .image { float: left; }
.catalog .icon-image { width: 16px; height: 16px; }
/* estilo utilizado pela loja para um artigo */
.catalog .product-details { overflow: hidden; padding: 10px; }
.catalog .product-details .image-small { float: left; }
.catalog .product-details .panel { float: left; width: 590px; margin-top: 10px; }
.catalog .product-details .panel .name,
.catalog .product-details .panel .price,
.catalog .product-details .panel .images .title { font-size: 1.5em; }
.catalog .product-details .panel .name span,
.catalog .product-details .panel .price span  { font-size: 1.5em; }
.catalog .product-details .panel .preview {float:right;}
.catalog .product-details .images { width:290px;float:right;}
.catalog .product-details .images .title { margin-left:5px; }
.catalog .product-details .images .title span { display: none; }
.catalog .product-details .images .title:after { content: "Páginas:"; }
.catalog .product-details .images .image a { display: block; float: left; margin: 5px; }
.catalog .product-details .images .image a img { border-width: 1px; }
/* estilo para a lista de categorias */
.catalog .categories ul{list-style:none;margin:0;padding:0;}
.catalog .categories ul li{margin:0;padding:0;float:none;}
.catalog .categories ul li.current{font-weight:bold;}
/* estilo para o paginador */
.catalog .paginator {clear:both;height:20px;}
.catalog .paginator .pagination{display:table;margin:0 auto;}
.catalog .paginator .pagination * {display:block;float:left;}
.catalog .paginator span.current{font-weight:bold;}
.catalog .paginator span.disabled{display:none;}
.catalog .paginator a,
.catalog .paginator span.current,
.catalog .paginator a.prev_page,
.catalog .paginator a.next_page{margin:2px 4px;}

#fancyzoombox{
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  color:#fff;
}


/* TEXTOS */

/* estilo do titulo das paginas */
.tv-title { margin: 0 0 0 15px; }
.tv-title h1 { margin: 8px 0; }

/* texto normal */
.tv-texto { margin: 0; padding: 0; }
.tv-texto div.i {  }
.tv-texto div.i h1 { margin: 8px 0 16px; }
.tv-texto div.i h2 { margin: 0 0 0.5em 0; }
.tv-texto div.i h3 { margin: 1em 4px 0; }
.tv-texto div.i p { margin: 0.5em 4px 0.5em; padding: 0;}
/* links números */
.tv-texto .n1,
.tv-texto .n2,
.tv-texto .n3 { overflow: hidden; }
.tv-texto .n1 a,
.tv-texto .n2 a,
.tv-texto .n3 a { background:transparent url('http://static.textovirtual.com/images/textovirtual/123-sprite.png') no-repeat 0 0;
  width: 43px; height: 41px; display: block; margin: 0 4px 0 0; float: left; }
.tv-texto .n1 a { background-position:    0   0; }
.tv-texto .n2 a { background-position:  -43px 0; }
.tv-texto .n3 a { background-position: -86px 0; }
.tv-texto .n1 a span,
.tv-texto .n2 a span,
.tv-texto .n3 a span { display: none; }


/* estilo para o texto do footer */
.tv-footer { color: #aaa; text-align: center; }

/** Texto dos produtos **/
/* TEXT-BOX-1 */
.tv-box1 {
  background:transparent url('http://static.textovirtual.com/images/textovirtual/containers_sprite.png') no-repeat;
  *_background:transparent url('http://static.textovirtual.com/images/textovirtual/containers_sprite.jpg') no-repeat;
  background-position: 0px 0px;
  width: 270px;
  height: 200px;
  overflow: hidden;
  margin: 10px;
  }
.tv-box1.left { margin: 10px 20px 10px 10px; }
.tv-box1.center { margin: 10px 30px 10px; }
.tv-box1.right { margin: 10px 10px 10px 20px; }
.tv-box1 .i { margin: 15px; color: black; }
.tv-box1 .i h1 { font-size: 20px; }
.tv-box1 .i ul { margin: 0 0 0 15px; }
.tv-box1 .i ul li { list-style-type: disc; }

/* BOTÕES de TEXTO */
/* */
a.ver-modelos-145 { background:transparent url('http://static.textovirtual.com/images/textovirtual/ver-modelos-145.png') no-repeat 0 0;
  width: 145px; height: 34px; display: block; margin: 0 0 10px 15px; outline: none; }
.ie7 a.ver-modelos-145 { margin: 0 0 0 15px; }
a.ver-modelos-145 span { display: none; }
a.ver-modelos-145:hover { background-position: 0 -34px; }
/* botão a toda a largura */
a.como-funciona { background:transparent url('http://static.textovirtual.com/images/textovirtual/full-width-button.png') no-repeat 0 0;
  width: 900px; height: 60px; display: block; margin: 30px 0; outline: none; }
.ie7 a.como-funciona { margin: 0; }
a.como-funciona span { display: none; }