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

/************************************
Hotsite - Fim de ano 2009
Criado em: Dezembro/2009                     																					
Desenvolvido por: ZONAInternet.com
************************************/

/************************************
	BASIC TAGS
************************************/

* {  margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; }

body { background: #ffffff; color: #666666; font-size: 12px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; }


/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.align_center { text-align: center; }
	.align_right { text-align: right; }
	.block { display: block; }
	.upercase { text-transform: uppercase; }
	.underline { text-decoration: underline; }
	.cor333 { color: #333; }
	.cor666 { color: #666; }
	.cor999 { color: #999; }
	
	.none { display: none; }
	
	.float_left { float: left; }
	.float_right { float: right; }
	.clear { clear: both; }

	p { line-height: 16px; }
	a { color: #666666; font-weight: normal; }
	a:hover { color: #b90000; text-decoration: none; }
	
	*:focus { outline: none } 

/************************************
	ESTRUTURA 
************************************/

.desktop { 
	min-width: 980px; width: auto !important; width: 980px; background: url(../imgs/bg.gif) repeat-x; }
	
.content {
	min-height: 568px; height: auto !important; height: 568px; overflow: hidden; background:url(../imgs/monitor.jpg) center 15px no-repeat;
}

.meio { margin: 0 auto; width: 980px; position: relative; }


/************************************
	MENU 
************************************/

.menu { width: 980px; height: 107px; position: absolute; top: 145px; }

.menu ul li a span { display: none; }

.menu ul li.item_tenho a { display: block; width: 201px; height: 107px; cursor: pointer; background:url(../imgs/menu_tenho.gif); float: left; margin-left: 10px;   }

.menu ul li.item_naotenho a {  display: block; width: 201px; height: 107px; cursor: pointer; background:url(../imgs/menu_naotenho.gif); float: right; margin-right: 10px; } 


/************************************
	CONTEUDO / TELA 
************************************/

.tela { width: 480px; height: 301px; position: absolute; top: 41px; left: 249px; text-align: center; }

/* TENHO */
.tenho { width: 480px; height: 301px; margin-bottom: 53px; background:url(../imgs/tenho.jpg) no-repeat; position: relative; }
.tenho p span { display: none; }
.tenho p a.msg { display: block; width: 288px; height: 36px; cursor: pointer; position: absolute; bottom: 66px; left: 96px; }

.tenho p a.video { display: block; width: 42px; height: 22px; cursor: pointer; position: absolute; bottom: 13px; right: 120px; }


/* NAO TENHO */
.naotenho { width: 480px; height: 301px; margin-bottom: 53px; background:url(../imgs/naotenho.jpg) no-repeat; }
.naotenho p span { display: none; }

.naotenho p a.imprimir { display: block; width: 231px; height: 33px; cursor: pointer; position: absolute; bottom: 35px; right: 26px; }

.naotenho p a.imprima_agora { display: block; width: 157px; height: 22px; cursor: pointer; position: absolute; top: 48px; left: 34px; }
.naotenho p a.mobile { display: block; width: 178px; height: 22px; cursor: pointer; position: absolute; top: 97px; left: 34px; }


/* HOME */
.home { width: 480px; height: 301px; margin-bottom: 53px; background:url(../imgs/home.jpg) no-repeat; }
.home p span { display: none; }

.home p a.imprimir { display: block; width: 95px; height: 22px; cursor: pointer; position: absolute; bottom: 84px; right: 108px; }
.home p a.video { display: block; width: 223px; height: 22px; cursor: pointer; position: absolute; bottom: 26px; right: 129px; }

.home p a.simbolo_impresso { display: block; width: 222px; height: 22px; cursor: pointer; position: absolute; top: 135px; left: 51px; }
.home p a.simbolo_smartphone { display: block; width: 130px; height: 22px; cursor: pointer; position: absolute; top: 135px; right: 48px; }


/************************************
	FOOTER 
************************************/

.footer {
	clear: both; font-size: 10px; color: #90908d; text-transform: uppercase;
	}
	
	.footer .meio { padding-top: 10px; width: 980px; text-align: center;}
	.footer .meio p span	 			{ color: #b9b9b9;  }
	
	.footer .meio p a.zi 		{ color: #616161; }
	.footer .meio p a.visite	{ color: #b90000; }
	.footer .meio p a:hover	{ border-bottom: 1px solid #cccccc; }