body
{
	margin: 0px 0px 0px 0px;
	background-color: #fff; 
}

a:link {
	text-decoration : none;
	color : #CC0000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;

}

a:visited {
	text-decoration : none;
	color : #CC0000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

a:hover {
	text-decoration : underline;
	color : #CC0000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

a:active{
	text-decoration : none;
	color : #CC0000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;

}

.titulo {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #333366;
	font-size : 12px;
}

.titulobig {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : black;
	font-size : 16px;
}

.titulomega {
	font-family : Helvetica, Arial;
	color : #888;
	font-size : 30px;
}

.titulobigred {
	font-family : Helvetica, Arial;
	color : #666;
	font-size : 16px;
}

.titulobigblue {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #0066FF;
	font-size : 16px;
}

.texto {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333333;
	font-size : 10px; text-align:justify;}
	
.texto1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333333;
	font-size : 10px;}

h1 {font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px; font-weight:bold;
	background-color:#ebebeb;
	width:475px; 
	padding:12px 0 10px 10px;}


.textowhite {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size : 10px;
}

	
.linkvermelho a {
	background: #b20202;
	color: #fff;
	text-decoration:none;
	margin: 1px;
	padding: 5px 5px 5px 5px;
	background-color: #b20202;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 1px 1px 1px 1px;
}
	
.textored {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #CC0000;
	font-size : 10px;
}

.textoredbold {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #990000;
	font-size : 10px;
}

.textowhitebold {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : white;
	font-size : 10px;
}

.textoblue {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #0066FF;
	font-size : 10px;
}

.textobluebold {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #0066FF;
	font-size : 10px;
}

h2{ font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #0066FF;
	font-size : 10px;
}

.textobold {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #333333;
	font-size : 10px;
}

.asterisco {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #CC0000;
	font-size : 10px;
}



.titulomaster1 { background-color:#ebebeb;  font-family : Verdana, Arial, Helvetica, sans-serif;
				font-size:12px; color: #000000; font-weight:bold; margin-left:5px; width:465px; padding:5px; }
				
.titulomaster p {background-color:#ebebeb; padding:5px; width:465px;	
			    font-family : Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color: #000000; font-weight:bold;}
				
				
.titulomastercontato p {background-color:#ebebeb; padding:5px; width:465px;	
			    font-family : Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color: #000000; font-weight:bold;}
				
.titulomastersmall p{background-color:#ebebeb; padding:5px; width:323px;	
			    font-family : Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color: #000000; font-weight:bold;}				

.titulosidebar p {background-color:#ebebeb; padding:5px; width:314px;	
			    font-family : Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color: #000000; font-weight:bold;}		
					
.titulosidebar2 p {background-color:#ebebeb; padding:5px; width:360px;	
			    font-family : Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color: #000000; font-weight:bold;}						


/*-------------------------------------
 	MENU BOTS
---------------------------------------*/

#bots {
	width: 442px;
	float: right;
	height: 37px;
	line-height: 37px;
}

/*obs.: colocar como div depois que tiver o SP*/
.bots a {
	font: 10px verdana;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	background-color: #000;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
}

.bots a:hover {
	background: #b20202;
	margin: 1px;
	padding: 5px 5px 5px 5px;
	background-color: #b20202;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 1px 1px 1px 1px;
}



/*-------------------------------------
 	MENU BOTS 1
---------------------------------------*/

#bots1 {
	width: 280px;
	float: right;
	height: 37px;
	line-height: 37px;
}

#bots1 a {
	font: 10px verdana;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	background-color: #000;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
}

#bots1 a:hover {
	background: #b20202;
	margin: 1px;
	padding: 5px 5px 5px 5px;
	background-color: #b20202;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 1px 1px 1px 1px;
}


/*-------------------------------------
 	MENU BOTS 2
---------------------------------------*/

#bots2 {
	width: 280px;
	float: none;
	height: 37px;
	line-height: 37px;
	position: absolute;
	left: 456px;
	top: 270px;
}

#bots2 a {
	font: 10px verdana;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	background-color: #000;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
}

#bots2 a:hover {
	background: #b20202;
	margin: 1px;
	padding: 5px 5px 5px 5px;
	background-color: #b20202;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 1px 1px 1px 1px;
}



/*-------------------------------------
 	MENU AZUL
---------------------------------------*/

#azul {
	position: relative;
	width: 365px;
	float: right;
}

#azul a {
	font: 15px Helvetica, Arial;
	text-decoration: none;
	width: 350px;
	background: #b20202;
	color: #fff;
	margin: 10px 0px 10px 0px;
	display: block;
	border: 0px solid #fff;
	padding: 7px;
	/* display: inline-block;  isso faz com que o menu fique na horizontal ou vertical*/
}

#azul a:hover {
	background: #b20202;
	width: 350px;
	padding: 7px;
	color: #ff0;
	}



/*-------------------------------------
 	MENU AZUL2
---------------------------------------*/

#azul2 {
	width: 350px;
	float: right;
	font: 15px Helvetica, Arial;
	text-decoration: none;
		background: #888;
	color: #ffffff;
	margin: 10px 0px 10px 0px;
		padding: 7px;

}


/*-------------------------------------
 	MENU AZUL 1 - da pagina compre
---------------------------------------*/

#azul1 {
	position: relative;
	width: 323px;
	float: left;
	height: 80px;
}

#azul1 a {
	font: 15px Helvetica, Arial;
	text-decoration: none;
	width: 307px;
	background: #b20202;
	color: #fff;
	margin: 10px 0px 10px 0px;
	display: block;
	border: 0px solid #fff;
	padding: 7px;
	/* display: inline-block;  isso faz com que o menu fique na horizontal ou vertical*/
}

#azul1 a:hover {
	background: #b20202;
	width: 307px;
	padding: 7px;
	color: #ff0;
	
}


/*-------------------------------------
 	MENU AZUL3
---------------------------------------*/

#azul3{
	width: 350px;
	float: right;
	font: 15px Helvetica, Arial;
	text-decoration: none;
		background: #888;
	color: #afafaf;
	margin: 10px 0px 10px 0px;
		padding: 7px;

}

/*-------------------------------------
 	MENU SOBRE
---------------------------------------*/

#sobre {
	position: relative;
	width: 365px;
	float: right;
}

#sobre a {
	font: 15px Helvetica, Arial;
	text-decoration: none;
	width: 350px;
	background: #fff;
	color: #888;
	margin: 10px 0px 10px 0px;
	display: block;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 7px;
}

#sobre a:hover {
	background: #d6d6d6;
	width: 350px;
	padding-left: 5px;
	padding: 7px;
	
}


#backHome a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #262626;
	padding-right: 10px; 
	padding-left: 10px;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.mensagens {display:none; 
background:#fff; 
padding:10px 0;
position:absolute; top:0; 
width: 100%;
font-family:Arial, Helvetica, sans-serif;
text-align:center;}

#chat {position:fixed; left:0; top:50%; margin-top:-50px; height:100px; width:35px;}

.replace {text-indent:-9999px; display:block; overflow:hidden;}
#network * {margin:0; padding:0;}
#network ul {list-style:none;}
#network ul#sociais {width:31px; top:300px; position: absolute;}
#network ul#sociais a {margin:3px 0; height:24px;}
#network ul#sociais a.facebook {background:url(http://voxelshow.com.br/img/redes/facebook.png) no-repeat 0 0;}
#network ul#sociais a.orkut {background:url(http://voxelshow.com.br/img/redes/orkut.png) no-repeat 0 0;}
#network ul#sociais a.twitter {background:url(http://voxelshow.com.br/img/redes/twitter.png) no-repeat 0 0;}
#network ul#sociais a.flickr {background:url(http://voxelshow.com.br/img/redes/flickr.png) no-repeat 0 0;}
#network span {font-size:small;}
#network a {color:#06f; text-decoration:none;}
#network a:hover {text-decoration:underline;}


/*-------------------------------------
 	MENU LOGIN
---------------------------------------*/
.textologin {font-family:Arial, Helvetica, sans-serif; color: #fff; font-size:11px; background-color:#CC0000; padding:5px;}

/*-------------------------------------
 	JS INDEX
---------------------------------------*/

#OuterContainer {
	padding: 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	background-color: #dedede;
	border: 5px solid #ccc;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right;}

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../img/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../img/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../img/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../img/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

.addthis_button_compact {text-align:right;}

.tag {float:right; margin-top:-60px; position:static;}

#dhtml {

display:block;
position:absolute;
top:15%;
left:15%;
margin-left:200px;
margin-top:200px;
padding: 10px 10px 25px 10px;
width:250px;
height:250px;
border:1px solid #d0d0d0;
z-index:10;
background-color:#fff;

} 



.accToggler{
	margin: 3px auto;
    padding: 5px;
	width: 100%;
	background: #5a5050;
	color: #f4f4f4;
	border: 1px solid #fff;
	cursor: pointer;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size:10px; 
   font-weight:bold;
}



.accContent{
	margin: 0px auto;
	width: 100%;
}


#dot {border-right: dotted 1px #ebebeb; width:45px; height:985px;

}

#dot-apoio {border-right: dotted 1px #d6d6d6; width:45px; height:455px;

}

#dot-workshop {border-right: dotted 1px #d6d6d6; width:45px; height:580px;

}

#dot-promo {border-right: dotted 1px #d6d6d6; width:45px; height:500px;

}

#dot-palestrantes {border-right: dotted 1px #d6d6d6; width:45px; height:1320px;

}

#dot-compre {border-right: dotted 1px #d6d6d6; width:45px; height:850px;

}

#dot-expo {border-right: dotted 1px #d6d6d6; width:45px; height:560px;

}

#dot-mais {border-right: dotted 1px #d6d6d6; width:35px; height:560px;

}

 
 
#wrapper {
	width: 365px;
	margin-left: auto;
	margin-right: auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size:10px; 
	}

.accordionButton {	
	width: 365px;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #FFFFFF;
	color:#000000;
	font-weight:bold;
	border-bottom: 1px solid #000;
	cursor: pointer;
	padding:5px;
	}
	
.accordionContent {	
	width: 365px;
	_float: none; /* Float works in all browsers but IE6 */
	background: #fff;
	}
	
	
@font-face {
    font-family: 'BebasRegular';
    src: url('bebas___-webfont.eot');
    src: url('bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebas___-webfont.woff') format('woff'),
         url('bebas___-webfont.ttf') format('truetype'),
         url('bebas___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.titulof {font-family: 'BebasRegular', Arial; font-size:16px; color: #000000;}