@charset "utf-8";

/* --------------------------------------------------------------
 * Filename:	basic.css
 * Description:	Regras das estruturas básicas do site.
 * Version:		1.0.0 (2009-10-24) YYYY-MM-DD
 * Website:		http://www.idesk.com.br/
 * Author:		Luiz R. Junior – iDesk Informática
 *
 * == STRUCTURE =================================================
 * 
 * Page width: 800px  static, horizontal centralized
 *
 * $__globals	Definicoes de estilos a elementos globais
 * $__main		Definições do conteúdo do site
 * -------------------------------------------------------------- */
 
/* $__globals
 * --------------------------------------------------------------------*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, blockquote,  
br, hr, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dd, ol, ul, li, 
table, caption, tbody, thead, tfoot, tr, th, td,
form, fieldset, label, legend, input, select, embed {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body {
	background:url(../images/bg_site.jpg) #FFF;
	text-align:center;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#7CA6B6;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
  overflow:hidden;
}

.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.displaypic {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}



/* $__main
 * --------------------------------------------------------------------*/
 
#content {
	height:430px;
	margin:0 auto;
	position:relative;
	width:800px;
}

#content h1 {
	background:url(../images/logo_idesk.gif) no-repeat;
	height:160px;
	left:65px;
	position:absolute;
	top:60px;
	width:233px;
}

#content .slogan {
	background:url(../images/txt_slogan.gif) no-repeat;
	height:48px;
	left:347px;
	position:absolute;
	top:70px;
	width:379px;
}

#content .divisor {
	border:1px solid #CCDCE2;
	height:1px;
	left:40px;
	position:absolute;
	top:260px;
	width:720px;
}

#content .contacts {
	background:url(../images/txt_contatos.gif) no-repeat;
	height:19px;
	left:347px;
	position:absolute;
	width:346px;
	top:235px;
}

#content .coming_soon {
	display:block;
	height:15px;
	left:100px;
	position:absolute;
	top:310px;
	width:157px;
}

#footer {
	bottom:0;
	font-size:.7em;
	left:0;
	position:absolute;
	width:100%;
}

#menu-nav {
	list-style:none;
	display:block;
	position:absolute;
	width:385px;
	left:347px;
	top:140px;
}

#menu-nav li {
	display:inline-block;
	float:left;
	height:62px;
	margin:0 30px 0 0;
}

#menu-nav li.idesk { width:42px; }
#menu-nav li.ti { width:52px; }
#menu-nav li.web { width:45px; }
#menu-nav li.venda { width:45px; }
#menu-nav li.contato { width:49px; }

#menu-nav li a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/menu.gif) no-repeat;
}

#menu-nav li.idesk a { background-position:0px 0px; }
#menu-nav li.idesk a:hover { background-position:0px -62px; }
#menu-nav li.ti a { background-position:-81px 0px; }
#menu-nav li.ti a:hover { background-position:-81px -62px; }
#menu-nav li.web a { background-position:-168px 0px; }
#menu-nav li.web a:hover { background-position:-168px -62px; }
#menu-nav li.venda a { background-position:-251px 0px; }
#menu-nav li.venda a:hover { background-position:-251px -62px; }
#menu-nav li.contato a { background-position:-336px 0px; }
#menu-nav li.contato a:hover { background-position:-336px -62px; }

#box-twitter {
	position:absolute;
	left:345px;
	top:270px;
	width:397px;
	height:84px;
	font-size:.7em;
	color:#FFF;
	background:url(../images/box-twitter.png) no-repeat;
}

#box-twitter .tweet {
	float:left;
	width:267px;
	margin:18px 0 0 10px;
	text-align:left;
}

#box-twitter .tweet a { color:#FFF; }
#box-twitter .tweet a:hover { text-decoration:none; }

#box-twitter .data { font-size:.8em; font-style:italic; }
#box-twitter .link { float:right; width:120px; }
#box-twitter .link a { display:block; width:100%; height:100%; }

#closebutton { float:right; }

.box-summary {
	position:absolute;
	top:212px;
	left:330px;
	width:405px;
	height:180px;
	padding:20px 10px 7px 10px;
	text-align:left;
}

.box-summary h2 { font-size:1.05em; }
.box-summary p { font-size:.7em; margin:10px 0 0 0; }
.box-summary ul { font-size:.7em; margin:8px 0 0 25px; line-height:1.45em; }

#box_empresa { background:url(../images/box-empresa.gif) no-repeat; z-index:11; }
#box_ti { background:url(../images/box-ti.gif) no-repeat; z-index:12; }
#box_web { background:url(../images/box-web.gif) no-repeat; z-index:13; }
#box_venda { background:url(../images/box-venda.gif) no-repeat; z-index:14; }
#box_contato { background:url(../images/box-contato.gif) no-repeat; z-index:10; }

#frmContato input[type="text"] {

}