/* -- Inicio dos Estilos Gen�ricos -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;}
body{color:#000000; background-color:#F2F2F2;}
body a{text-decoration:none; outline:none;}
body ul{float:left;}
body ul li{float:left; list-style-type:none;}
body form{float:left;}
body fieldset{border:0;}
body fieldset legend{display:none;}
body fieldset input{font-size: 11px; font-family: arial; color:#999;}
a{color:#000;}
a:hover{color:#000066}
img.floatL{float:left; margin:0 20px 40px 0;}
img.floatL02{float:left; margin:0 20px 60px 0;}
#clear-323px{width:100%; height:323px;}

/* ----- Header ----- */
#header{position:relative; width:1000px; left:50%; height:262px; margin:0 0 0 -500px; background: url(../images/new_header.jpg) no-repeat center top;}
#header .telefone{
	position: absolute;
    width: 200px;
    height: 30px;
    display: block;
    right: 12px;
    bottom: 10px;
    text-align: right;
    font-family: arial;
    font-size: 28px;
    color: #000;
    font-weight: bold;
    text-shadow: 1px 1px 1px #CBCEC4;
}


/* ----- Menu ----- */
#menu{position:relative; width:1000px; left:50%; height:36px; margin:0 0 0 -500px; background-color:#000066;}
#menu ul#nav{position:relative; width:980px; left:50%; height:22px; margin:10px 0 0 -490px;}
#menu ul#nav li{height:22px; display:block; float:left; text-align:center;}
#menu ul#nav li a{height:22px; font-size: 13px; font-family: arial; color:#fff; text-align:center; font-weight:bold;}
#menu ul#nav li a:hover{color:#ccc; text-decoration:none;}
#menu ul#nav li.traco{width:20px; height:22px; text-align:center; background: url(../images/traco.jpg) no-repeat center top;}

/* ----- Content ----- */
#content{position:relative; width:1000px; left:50%; margin:0 0 0 -500px; padding:0 0 10px 0; background-color:#fff; background: url(../images/bg.jpg) repeat-y left top;}
#content #conteudo{width:860px; margin:20px 0 10px 70px; font-size: 15px; font-family: arial; text-align:justify;}
#content #conteudo p{ line-height: 22px;}
#content #conteudo a{font-family: arial; color:#000; font-weight:bold;}
#content #conteudo a:hover{color:#000066;}
#content #conteudo strong{font-weight:bold;}
#content #conteudo h1.breadcrumb{width:100%; margin:10px 0 20px 0; padding:0 0 3px 0; font-size: 16px; font-family: arial;font-weight:bold; border-bottom:1px solid #999;}
#content #conteudo #texto{width:860px; height:160px; display:block; float:left; margin:0 0 10px 0;  text-align:justify;}
#content #conteudo #texto02{width:860px; height:220px; display:block; float:left; margin:0 0 10px 0;  text-align:justify;}
#content #conteudo #texto-estruturas{width:860px; display:block; float:left; margin:0 0 16px 0; font-size: 12px; font-family: arial; text-align:justify;}


/* ----- Galeria de fotos ----- */
#galeria {width:860px;  margin:0 auto; text-align:left;}
#img-aqui-palcos {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-sonorizacao {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-efeitos {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-teloes {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-camarotes {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-arquibancadas {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-arenas {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-banheiros {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-geradores {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-tendas {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-fechamentos {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-pracas {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-parques {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
#img-aqui-gravacoes-cds {width:400px; height:465px; top:120px; margin:0 0 0 20px; display:block; float:left; background:url('../images/preview.png')  no-repeat; left top;}
ul.fotos {width:346px; list-style:none; display:block; float:left; padding:1px; /*background:#999;*/ margin:0; padding:0;}
.fotos:after {display:block; content: "."; height: 0; font-size:0;  visibility:hidden; clear:both;}
ul.fotos li {width:80px; height:75px; float:left;  border:2px solid #444; margin:1px;}
ul.fotos li img {width:80px; height:75px; border:none;}
ul.fotos li span img {width:400px; height:465px; border:none; height:auto;}
ul.fotos a {display:block;} 
ul.fotos a span {display:none;}
ul.fotos a:hover span {position:absolute; display:block; top:193px; left:436px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.palcos {position:absolute; display:block; top:263px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.sonorizacao {position:absolute; display:block; top:293px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.efeitos {position:absolute; display:block; top:246px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.teloes {position:absolute; display:block; top:248px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.camarotes {position:absolute; display:block; top:216px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.arquibancadas {position:absolute; display:block; top:216px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.arenas {position:absolute; display:block; top:202px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.banheiros {position:absolute; display:block; top:263px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.geradores {position:absolute; display:block; top:216px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.tendas {position:absolute; display:block; top:233px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.fechamentos {position:absolute; display:block; top:247px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.pracas {position:absolute; display:block; top:217px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.parques {position:absolute; display:block; top:202px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.parques {position:absolute; display:block; top:202px; left:435px;  background:#fff; border:1px solid #666;}
ul.fotos a:hover span.gravacoes-cds {position:absolute; display:block; top:325px; left:435px;  background:#fff; border:1px solid #666;}
#img-aqui {width:400px; height:465px; top:11px; margin:0 0 0 10px; display:block; float:left; background: url('../images/preview.png')  no-repeat; left top;}
ul.fotos-agenciamento {width:450px; list-style:none; display:block; float:left; padding:1px; /*background:#999;*/ margin:0; padding:0;}
.fotos-agenciamento:after {display:block; content: "."; height: 0; font-size:0;  visibility:hidden; clear:both;}
ul.fotos-agenciamento li {width:80px; height:75px; float:left;  border:2px solid #444; margin:1px;}
ul.fotos-agenciamento li img {width:80px; height:75px; border:none;}
ul.fotos-agenciamento li span img {width:400px; height:465px; border:none; height:auto;}
ul.fotos-agenciamento a {display:block;} 
ul.fotos-agenciamento a span {display:none;}
ul.fotos-agenciamento a:hover span {position:absolute; display:block; top:190px; left:530px;  background:#fff; border:1px solid #666;}
ul.fotos02 {width:346px; list-style:none; display:block; float:left; padding:1px; /*background:#999;*/ margin:0; padding:0;}
ul.fotos02 li{width:346px; height:46px; display:block; float:left; border:none;}

/* ----- Index / Empresa ----- */
#content #conteudo ul#behavior{width:3000px; display:block; float:left;}  
#content #conteudo ul#behavior li{width:110px; height:120px; margin:0 1px 0 0; display:block; float:left;}

/* ----- Estruturas ----- */
#content #conteudo ul#menu-estruturas{position:relative; width:1000px; left:50%; height:24px; *height:20px; margin:4px 0 20px -500px;  background-color:#666;}
#content #conteudo ul#menu-estruturas li{height:24px; *height:20px; display:block; float:left; text-align:center; padding:4px 0 0 0; *padding:5px 0 0 0;}
#content #conteudo ul#menu-estruturas li a{height:24px; *height:20px; font-size: 10px; font-family: arial; color:#fff; text-align:center; font-weight:bold;}
#content #conteudo ul#menu-estruturas li a:hover{color:#ccc; text-decoration:none;}
#content #conteudo ul#menu-estruturas li.traco{width:11px; height:24px; *height:20px; text-align:center; background: url(../images/traco02.jpg) no-repeat center top;}
#content #conteudo ul#menu-estruturas li.first{margin:0 0 0 34px;}

/* ----- Eventos ----- */
#content #conteudo ul#eventos{width:900px; left:50%; margin:4px 0 20px 0px;}
#content #conteudo ul#eventos li{width:250px; height:240px; display:block; float:left; text-align:center; text-shadow:0px 1px 1px #fff; margin:0 40px 20px 0; padding:4px 0 0 0; background-color:#E2E2E2; border:2px solid #ccc; border-radius:8px;}
#content #conteudo ul#eventos li a{font-size: 11px; font-family: arial; color:#000; text-align:center; font-weight:bold;}
#content #conteudo ul#eventos li a:hover{color:#333; text-decoration:none;}
#content #conteudo ul#eventos-lightbox{width:900px; left:50%; margin:4px 0 20px 0px;}
#content #conteudo ul#eventos-lightbox li{width:155px; display:block; float:left; text-align:center; margin:0 10px 10px 0; padding:4px; border:2px solid #ccc; border-radius:4px;}

/* ----- Agenciamento ----- */
#content #conteudo ul#agenciamento{position:relative; width:810px; left:50%; margin:0px 0 0 -405px; padding:10px; background-color:#fff; border-radius:4px; clear:both;}
#content #conteudo ul#agenciamento li{width:260px; display:block; float:left; text-align:center; margin:0 10px 10px 0;}

/* ----- Cases ----- */
#content #conteudo ul#cases{width:900px; left:50%; margin:4px 0 20px 0px;}
#content #conteudo ul#cases li{width:240px; height:160px; display:block; float:left; text-align:center; margin:0 30px 20px 0; padding:6px; border:2px solid #ccc; border-radius:4px;}

/* ----- Footer ----- */
#footer{position:relative; width:1000px; left:50%; height:30px; margin:0 0 0 -500px; background-color:#000066; text-align:center; padding:14px 0 0 0; font-family:arial; font-size: 13px; color:#fff;}
#footer a{color: #ccc;}