*{
	margin:0;
	padding:0;
	outline:none;
}

html, body{
	color:#444;
	cursor:default;	
	font-family: verdana, arial, sans;
	font-size: 11px;
}

a, a:visited{
	color:#444;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#header{
	background:#fff;
	margin:0 auto;
	width:770px; height:216px; 
	overflow:hidden;
	position:relative;
}

#site-title{
	display:block;
	float:left;
	width:170px; overflow:hidden;
}

#site-title h1 a{
	background:url(../images/logo.png) no-repeat center;
	display:block;
	width:176px; height:230px;
	text-indent:-5000px;
}

/* TV */

#tv{
	float:right;
	width:590px; height:210px;
}

#view{
	width:590px; height:210px;
	overflow:visible;
	position:relative;
}

#imgs{
	width:570px; height:210px; 
	overflow:hidden;
	position:absolute; top:0; left:0;
	z-index:10px;
}

#imgs img{
	display:none;
}

#img01{
	position:absolute; top:-124px; left:-40px;
}

#img02{
	position:absolute; top:-100px; left:30px;
}

#img03{
	position:absolute; top:-240px; left:30px;
}

#img04{
	position:absolute; top:-44px; left:24px;
}

#img05{
	position:absolute; top:4px; left:0px;
}

#img06{
	position:absolute; top:-20px; left:30px;
}

div.mask{
	border:2px solid #fff;
	background:transparent url(../images/tv.png) no-repeat top left;
	float:right;
	width:610px; height:210px; 
	position:absolute; top:0px; left:0px;
	z-index:1000;
}

/* FIM TV */

#content{
	background:#fff;
	margin:0 auto;
	width:770px; overflow:hidden;
	position:relative;
}

/* LEFT */

#left-content{
	float:left;
	width:178px; overflow:hidden;
	position:relative;
}

#local{
	margin:38px 0 0 0;
	width:100%; height:140px;
}

#local a{
	display:block;
	width:100%; height:140px;
}

.ver{
	background: url( ../images/veja-fotos.jpg ) no-repeat top left;
	margin:38px 0 0 0;
	width:100%; height:140px;
}	

.assista{
	background: url( ../images/assista.png ) no-repeat top left!important;
}

.assista a,
.assista a:visited,
.assista a:hover{
	display:block;
	width:171px; height:140px;
}

#descricao-local{
	background: url( ../images/descricao-local.png ) no-repeat top left;
	margin:16px 0 0 0;
	width:100%; height:113px;
}

/* RIGHT */

#right-content{
	background: url( ../images/meio.png ) no-repeat bottom center;
	float:right;
	margin:0 16px 0 0;
	width:549px; height:274px;	
	overflow:visible; 
	position:relative; top:5px;
}

/* MAIN */

#main{
	float:right;
	width:577px; height:22px;
	z-index:2000;
}

#main ul{
	display:block;
    margin-left: 55px;
    width: 502px;
}

#main ul li{
	display:inline;
}

#main ul li a{
	background:#fff url( ../images/menu.png ) no-repeat top left;
	display:block;
	float:left;
	margin-left:20px;
	text-indent:-5000px;
} 

a.evento,
a.evento:visited{
	background-position:-39px -3px!important;
	margin-left:0px!important;
	width:60px; height:20px; 
}

#main ul li.selected a.evento,
a.evento:hover{
	background-position:-39px -21px!important;
}

a.programacao,
a.programacao:visited{
	background-position:-122px -2px!important;
	width:104px; height:20px; 
}

#main ul li.selected a.programacao,
a.programacao:hover{
	background-position:-122px -20px!important;
}

a.localizacao,
a.localizacao:visited{
	background-position:-250px -3px!important;
	width:93px; height:20px; 
}

#main ul li.selected a.localizacao,
a.localizacao:hover{
	background-position:-250px -21px!important;
}

a.inscricao,
a.inscricao:visited{
	background-position:-365px -3px!important;
	width:83px; height:20px; 
}

#main ul li.selected a.inscricao,
a.inscricao:hover{
	background-position:-365px -21px!important;
}

a.contato, 
a.contato:visited{
	background-position:-471px -3px!important;
	width:71px; height:20px; 
}

#main ul li.selected a.contato,
a.contato:hover{
	background-position:-471px -21px!important;
}

/* TEXT */

#text-content{
	width:464px; height:190px;
	margin:54px 0 0 35px;
	padding:10px 10px 10px 0;
	overflow:hidden;
}

#text-content dl{
	display:block;
}

#text-content dt{
	color:#13266f;
	font-size:12px;
	font-weight:bold;
	padding:2px;
}

#text-content dd{
	line-height:160%;
	margin:1px 0 0 0;
	padding:2px;
}

#ddd{
	width:20px;
	margin-right:4px;
}

#telefone{
	width:80px;
}

dd.btn{
	overflow:visible;
}

.maps a{
	margin-right:10px;
}

.maps a img{
	border:0;
}

.programacao dl dd dl dt{
	color:#333!important;
	font-size:11px!important;
}

.programacao dl dd dl dd{
	margin:2px 0 0 0!important;
	padding:2px;
}

.form{
	overflow:hidden;
}

.form dt{
	margin-bottom:5px;
}

.form dd{
	background:transparent;
	display:block;
	width:100%; overflow:hidden;
	margin:0!important;
	position:relative;
}

.form dd label{
	display:block;
	float:left;
	width:136px;
}

.form dd input{
	background:#eee;
	border:1px solid #eee;
	display:block;
	float:left;
	font-family: verdana, arial, sans;
	font-size: 12px;
	width:320px;
	padding:1px;
}

#email{
	text-transform:lowercase;
}

#sendButton{
	border:0px;
	color:#13266f;
	cursor:pointer;
	display:block;
	font-family: verdana, arial, sans;
	font-size: 11px;
	font-weight:bold;
	float:right;
	text-transform:lowercase;
	margin-right:2px;
	padding:4px;
	width:60px;
	position:relative; top:-4px;
}

.impar{
	background:#f3f3f3;
}

/* FOOTER */

#footer{
	background:url(../images/base.png) no-repeat bottom left;
	background-position:-40px bottom;
	margin:0 auto;
	width:790px; min-height:86px; 
	overflow:visible;
	position:relative;
}

#logos{
	background:url(http://www.encontroregulatorio.com.br/images/logos.jpg) no-repeat top left;
	float:left;
	width:563px; height:77px; 
	overflow:hidden;
	position:relative; top:-19px; left:9px;
}

#information{
	display:block;
	position:absolute; bottom:10px; right:70px;
}

#information p{
	font-size:9px;
}

.error{
	border:1px solid #f36f21!important;
}

.realizacao{
	background:url(../images/realizacao.png) no-repeat center;
	display:block;
	width:50px; height:10px;
	position:absolute; top:-18px; right:146px;
}

/* Vídeos */

#videos{
	margin:0 auto;
	padding-bottom:20px;
	width:768px; overflow:hidden;
}

#videos h3{
	color:#777;
	font-size:20px;
	text-align:center;
	padding:20px 0 10px 0;	
}

#video-group{
	margin-left:56px; 
	padding:10px 0 0 0; 
	width:662px; overflow:hidden;
}

#video-group p{
	font-size:14px;
	padding:10px 0;
}

#video-group p a,
#video-group p a:visited,
#video-group p a:hover{
	color:#f36f21;
	font-size:14px;
}

/* PHOTOS */

#method{
	width:340px; overflow:hidden;
}

#method p{
	font-size:22px;
	text-align:center;
	padding:10px;
}

#photos{
	margin:0 auto;
	width:768px; height:560px;
}

#photos h3{
	color:#777;
	font-size:20px;
	text-align:center;
	padding:20px 0 10px 0;	
}

#photo-group{
	margin-left:56px; 
	padding:10px 0 0 0; 
	width:662px; overflow:hidden;
}

#photo-group a{ 
	border:2px solid #eee;	
	display:block; 
	float:left;
	width:120px; height:120px; 
	margin-right:10px; margin-bottom:10px;	
}

span.photo{
	display:block;
	width:100%; height:100%;	
}

.final{
	margin-right:0px!important;
}

#link{
	position:absolute; top:-5000px; left:-5000px;
}

#controles{
	display:block;
	width:100%; height:100%; overflow:hidden;
	position:absolute; top:0; left:0;	
}

.prev{
	background:transparent url( ../images/arrow-left.png ) no-repeat center;
	float:left;	
	display:block;
	text-indent:-5000px;
	width:50px; height:50px;
	opacity:0.2;
	position:absolute; top:240px; left:0;
}

.next{
	background:transparent url( ../images/arrow-right.png ) no-repeat center;
	float:right;	
	display:block;
	text-indent:-5000px;
	width:50px; height:50px;
	opacity:0.2;
	position:absolute; top:240px; right:0;
}

.init .prev{
	display:none;	
}

.final .next{
	display:none;	
}

#paginas{
	display:block;
	width:100%; overflow:hidden;	
	margin:10px auto;
	position:absolute; bottom:20px;
}

#paginas p{
	color:#777;
	font-size:14px;	
	text-align:center;
}

.extra{
	margin-top:10px;
}

.extra a,
.extra a:visited,
.extra a:hover{
	color:#f36f21;
	font-weight:bold;	
}
