* {margin:0; padding:0;}
ul, ol {list-style:none;}
a img, 
fieldset {border:0;}
a, a:visited, a:active {text-decoration:none; color:#06f;}
body {color:#666; font:13px/17px tahoma, 'trebuchet ms', helvetica; text-align:center;}
tr, td {font:12px/14px 'trebuchet ms', helvetica, tahoma;}
hr.nulo, .none {display:none !important;}
hr {color:#eee; background:#eee;}
.replace {text-indent:-9999px; display:block; overflow:hidden;}
h2.titulo {background:#5d5c60; color:#fff; text-transform:uppercase; font:bold 20px helvetica, arial, tahoma; padding:20px 40px; margin-bottom:10px;}
h3 {color:#b20202; font-size:16px; margin:20px 0 5px;}
h4 {color:#333; font-size:14px; margin:6px 0 4px;}
h4.tituloInterno {margin:30px 0 10px; color:#06f;}
.comprar {color:#b20202 !important;}
html, body {height:100%; overflow:auto;}
body {text-align:center; background:#000;}

#wrapper:after {content:'.'; clear:both; display:block; visibility:hidden; height:0;}
#wrapper {background:#fff url(img/fundo.gif) repeat-y -1px 0;}
#wrapper, #rodape {width:860px; text-align:left; margin:0 auto;}

#col-principal {padding:35px 0; width:201px; float:left;}

#logo a {width:201px; height:201px; background:#ccc url(img/logo_voxel_evento.gif) no-repeat 0 0;}

#menu {margin:20px;}
#menu li a {text-transform:uppercase; padding:2px; font-size:11px; color:#666;}
#menu li a:hover {background:#e9e9e9;}

#newsletter {margin:20px;}
#newsletter legend {font-weight:bold;}
#newsletter input {display:block; margin:5px 0;}
#newsletter input[type="text"] {width:160px;}
#newsletter label input {display:inline;}

div.banners {margin-top:20px; text-align:center;}

#col-conteudo {float:right; width:659px; background:#e2e2e2;}

#flash {height:296px; background:#000; margin-bottom:10px; padding-top:36px; position:relative;}
#flash img {width:659px; height:201px;}
#flash div.dataVS {font:13px 'trebuchet ms'; padding:25px 50px; color:#fff; width:85%; position:absolute; z-index:9; bottom:0; display:block; background:#000;}
#flash div.dataVS span.evento {font-size:20px; display:block;}

#conteudo {padding:30px 60px;}
#conteudo p {margin-bottom:10px;}

#contato {margin-top:20px;}
#contato li {margin-bottom:7px;}
#contato input, #contato textarea {border:1px solid #ccc; padding:4px; background:-webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #eee), to(#fff));
background:-moz-linear-gradient(top, #fff, #eee 1px, #fff 25px); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#contato input {width:400px;}
#contato input.botao {border:1px solid #5d5c60; width:auto !important; cursor:pointer; font-weight:bold; background:-webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #5d5c60), to(#fff));
background:-moz-linear-gradient(top, #fff, #5d5c60 1px, #fff 25px);}
#contato input:hover, #contato input:focus, 
#contato textarea:hover, #contato textarea:focus {border:1px solid #5d5c60;}
#contato label {width:70px; float:left; text-align:right; padding:0 5px;}
#contato textarea {width:510px; height:180px;}

#mapa, .fotoLocal {margin:5px 5px 5px -55px;}

address.local {font-style:normal; margin:3px 0 10px;}
address.local span {display:block;}

ul.ondeficar li {margin-bottom:20px;}
ul.ondeficar li a {text-decoration:underline;}
ul.ondeficar li span {display:block; margin:2px 0;}
ul.ondeficar li strong {color:#333;}

dl.faq {margin:10px 0;}
dl.faq dt {margin:1px 0; font-weight:bold; font-size:13px;}
dl.faq dd {margin-bottom:8px;}

ul.incluido {margin:20px 0;}
ul.incluido li {margin:2px 0;}

ul.palestrantes li {margin:20px 0; padding:0 0 20px; border-bottom:1px solid #ccc;}
ul.palestrantes img {display:block; width:540px; height:100px; border:1px solid #ccc; margin:4px 0;}
ul.palestrantes strong {text-transform:uppercase; font-family:verdana, arial, helvetica;}
ul.palestrantes p {margin:0;}
ul.palestrantes strong {color:#06f;}
ul.palestrantes a {color:#b20202;}
span.hora {float:left; width:50px; font-weight:bold;}

#rodape {color:#ccc; padding:5px 0; text-align:right;}
#rodape a {color:#ccc;}
#rodape a:hover {text-decoration:underline;}

#network * {margin:0; padding:0;}
#network ul {list-style:none;}
#network {background-color:#333; color:#fff; padding:10px; width:350px; z-index:9; position:fixed; left:-370px; top:0; text-align:left;}
#network h4.aba {width:38px; height:101px; background:url(http://zupi.com.br/img/network.png) no-repeat -1px 0; cursor:pointer; position:absolute; right:-38px; top:40%;}
#network span {font-size:small;}
#network h4.tituloNetwork {font:bold 14px helvetica, 'trebuchet ms', tahoma; color:#fff;}
#network a.fechar {position:absolute; top:5px; right:5px; background:url(http://zupi.com.br/img/fechar.png) no-repeat 0 0; width:17px; height:17px;}
#network a.fechar:hover {background-position:0 -17px;}
#network a {color:#06f; text-decoration:none;}
#network a:hover {text-decoration:underline;}
#network ul.grupos {background:url(http://zupi.com.br/img/arrow_1.gif) no-repeat 50px 0; margin-top:10px; padding-top:11px;}
#network ul.grupos li {margin-bottom:10px; color:#333;}
#network ul.grupos ul {background-color:#fff; border:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:10px;}
#network ul.grupos ul li {border-bottom:1px dashed #666; margin-bottom:0; padding:8px 0;}
#network ul.grupos ul li strong {font-size:13px; display:block; margin-bottom:-5px;}
#network ul.grupos ul li p {margin-top:2px; font:12px helvetica, 'trebuchet ms', tahoma; line-height:17px;}

#sobre {padding:0 20px;}

#sobre a {
	text-decoration: none;
	background: #fff;
	color: #888;
	margin: 10px 0px 10px 0px;
	display: block;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;

}

#sobre a:hover {
	background: #d6d6d6;	
}

#promoters {margin:20px;}
