/* CSS Conteúdo do Site */
* {
	margin:0px;
	padding:0px;
}

@media print {
    h1 { font-size:12px; color:#000;}
}

body { 	background-image:url(../imagens/fnd-perfurado-black.jpg);}

#site {
	width:100%;
	height:100%;
	background-color:rgba(255,255,0,.1);
	font:normal 12px Arial, Verdana, Helvetica, sans-serif; 
	color:#fff;
}

#site-tempo {
	width:100%;	height:40px; padding:10px;
	font:normal 12px Arial, Verdana, Helvetica, sans-serif; 
	color: #CCC;
	background-image:url(../imagens/fundo-quadriculado.jpg);
}

#site-topo {
	width:940px;
	height:200px;
}

#site-menu-1 {
	width:100%;
	height:55px;
	font:bold 13px Arial, Verdana, Helvetica, sans-serif; 
	color: #000;
	background-image: url(../imagens/fnd-bl-10x50.jpg);
}
#site-menu-2 {
	width:100%;
	height:55px;
	font:bold 13px Arial, Verdana, Helvetica, sans-serif; 
	color: #000;
	background-image: url(../imagens/fnd-bl-10x50.jpg);
}

/* TELA MODAL */
#mask {
  position:absolute;
  left:0;
  top:0;
  margin:auto;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:940px;
  height:760px;
  display:none;
  z-index:9000;
  padding:0px;
}

#boxes #dialog {
  width: auto; 
  height: auto;
  padding:50px;
  background-color:#555;
  text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,.7);
  font:normal 10px Verdana, Arial, Helvetica, sans-serif;
  color:#000;
}

#boxes #dialog1 {
  width:400px; 
  height:550px;
  padding:75px;
  background-image:url(../imagens/ipad-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#boxes #dialog2 {
  width:400px; 
  height:550px;
  padding:75px;
  background-image:url(../imagens/ipad-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#boxes #dialog3 {
  width:400px; 
  height:550px;
  padding:75px;
  background-image:url(../imagens/ipad-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#boxes #dialog4 {
  width:400px; 
  height:550px;
  padding:75px;
  background-image:url(../imagens/ipad-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#boxes #dialog5 {
  width:400px; 
  height:550px;
  padding:75px;
  background-image:url(../imagens/ipad-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#boxes #dialog6 {
  width:400px; 
  height:550px;
  padding:75px;
  background-image:url(../imagens/ipad-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#boxes #dialog7 {
  width:400px; 
  height:550px;
  padding:75px;
  background-image:url(../imagens/ipad-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#boxes #dialog8 {
	width:220px;
	height:520px;
	padding:40px;	
	background-image:url(../imagens/iPhone-5s-gold-fnd.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000
}
.close{display:block; text-align:center; color:#F00;}

/* TELA MODAL */

#site-conteudo {
	max-width:820px;
	height:530px;
	padding:60px;
	background-image: url(../imagens/iMac-Cinema-LED-27+iMac-Pro.png);
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}

#site-conteudo-1 {
	width:780px;
	height:600px;
	background-image: url(../imagens/iMac-27-Led-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#site-conteudo-2 {
	width:780px;
	height:600px;
	background-image: url(../imagens/iMac-27-Led-black.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#site-conteudo-3 {
	width:780px;
	height:600px;
	background-image: url(../imagens/iMac-27-Led-white.png);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#site-conteudo-4 {
	width:780px;
	height:1100px;
	background-image: url(../imagens/iPad-3-white.png) ;
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px # 000;
	color:#fff;
}

#site-conteudo-5 {
	width:780px;
	height:1100px;
	background-image: url(../imagens/iPad-3-white.png) ;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
}

#site-conteudo-6 {
	width:780px;
	height:1100px;
	background-image: url(../imagens/iPad-3-white.png) ;
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
}

#nuvem_de_tags_em_flash {
	width:300px;
	height:600px;	
	background-image:url(../imagens/iPhone-5s-gold-fnd.png);
}

#formulario-contato {
	width:300px;
	height:600px;
	background-image:url(../imagens/iPhone-5s-gold-fnd.png);
}

#container {	
	width:780px;
	display:table;
	margin:0 auto;
	font-family:"Verdana, Arial";
	background:#ffffff;
}

h1 { 
	font:  normal 14px Verdana, Arial, Helvetica, sans-serif; 
	color:#00ff00;
}

h2 {
	text-align:center;
	font:bold 14px Arial, Verdana, Helvetica, sans-serif; 
	color:#000;
	}

h3 {
	text-align:center;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
}

h4 {
	font:bold 14px Arial, Verdana, Helvetica, sans-serif; 
	color:#0f0;
}

h5 {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#00ff00;
}

h6 {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#fff;
	text-decoration:none;
}

#tempo {
	width:780px;
	height:30px;
	background: url(file:///D|/03%20-%20WEBS/001%20web%20padr%C3%A3o/imagens/fnd-tempo.jpg) no-repeat;
	clear:both;
}

#topo {
	width:780px;
	height:200px;
	background: url(file:///D|/03%20-%20WEBS/001%20web%20padr%C3%A3o/imagens/fnd-pag-780.jpg) no-repeat;
	clear:both;
}

#menu {
	width:780px;
	height:40px;
	background: url(file:///D|/03%20-%20WEBS/001%20web%20padr%C3%A3o/imagens/fnd-bts.jpg) no-repeat;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	clear:both;
}

#links {	
	width:780px;
	height:40px;
	background: url(file:///D|/03%20-%20WEBS/001%20web%20padr%C3%A3o/imagens/fnd-bt-1.jpg) no-repeat;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#links ul {
	padding-top:5px;
	vertical-align: middle;	
}

#links li {
	font-size:12px;
	color:#000000;
	display:inline;
	list-style:none;
	letter-spacing:5px;
}

#links li a {
	font-size:12px; 
	color:#000000;
	display:inline;
	list-style:none;
	letter-spacing:2px;
	text-decoration:none;
}

#links a:hover {
	text-decoration:underline;
}

/* Conteúdo da página do Site*/
#conteudo {
	width:780px;
	background: url(file:///D|/03%20-%20WEBS/001%20web%20padr%C3%A3o/imagens/fnd-pag-780.jpg) repeat;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#conteudo a{
	color:#ff0000;
	text-decoration:none;
}

#conteudo a:hover{
	color:#ff0000;
	text-decoration:underline;
}

/* Conteúdo do rodapé */
#rodape {
	width:780px;
	height:40px;
	padding-right:5px;
	background: url(file:///D|/03%20-%20WEBS/001%20web%20padr%C3%A3o/imagens/fnd-pag-780.jpg) no-repeat;
	font-family:"Verdana, Arial";
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

#rodape a{
	color:#000000;
	text-decoration:none;
}

#rodape a:hover{
	color:#ff0000;
	text-decoration:underline;
}

/* Cores dos links */

.link_white { color:#FFFFFF; text-decoration:none; }
.link_white:hover { color:#FFFFFF; text-decoration:underline; }
.link_white:visited { text-decoration:underline; color:#FFFFFF; }
.link_white:active { text-decoration:underline; color:#FFFFFF; }

.link_black { color:#000000; text-decoration:none; }
.link_black:hover {color:#000000; text-decoration:underline; }
.link_black:visited { text-decoration:underline; color:#000000; }
.link_black:active { text-decoration:underline; color:#000000; }

.link_white-red { color:#ffffff; text-decoration:none; }
.link_white-red:hover {color:#ff0000; text-decoration:underline; }
.link_white-red:visited { text-decoration:underline; color:#ffffff; }
.link_white-red:active { text-decoration:underline; color:#ff0000; }

.link_black-red { color:#000000; text-decoration:none; }
.link_black-red:hover {color:#ff0000; text-decoration:underline; }
.link_black-red:visited { text-decoration:underline; color:#000000; }
.link_black-red:active { text-decoration:underline; color:#ff0000; }

.link_red { color:#FF0000; text-decoration:none; }
.link_red:hover { color:#FF0000; text-decoration:underline; }
.link_red:visited { text-decoration:underline; color:#FF0000; }
.link_red:active { text-decoration:underline; color:#FF0000; }

.link_green { color:#00ff00; text-decoration:none; }
.link_blue:hover { color:#00ff00; text-decoration:underline; }
.link_blue:visited { text-decoration:underline; color:#00ff00; }
.link_blue:active { text-decoration:underline; color:#00ff00; }

.link_blue { color:#003264; text-decoration:none; }
.link_blue:hover { color:#003264; text-decoration:underline; }
.link_blue:visited { text-decoration:underline; color:#003264; }
.link_blue:active { text-decoration:underline; color:#003264; }

.link_yellow { color:#FFFF00; text-decoration:none; }
.link_yellow:hover { color:#FFFF00; text-decoration:underline; }
.link_yellow:visited { text-decoration:underline; color:#FFFF00; }
.link_yellow:active { text-decoration:underline; color:#FFFF00; }



.url { color:#FFFFFF; text-decoration:none; }
.url:hover { color:#FFFFFF; text-decoration:underline; }
.url:visited { text-decoration:underline; color:#FFFFFF; }
.url:active { text-decoration:underline; color:#FFFFFF; }

.email { color:#FFFFFF; text-decoration:none; }
.email:hover { color:#FFFFFF; text-decoration:underline; }
.email:visited { text-decoration:underline; color:#FFFFFF; }
.email:active { text-decoration:underline; color:#FFFFFF; }








.vcard { font:normal 10px Arial, Verdana, Helvetica, sans-serif; 
	color:#fff;
	text-decoration:none;
	}