@charset "utf-8";
/* CSS Document */

a:link {
	text-decoration: none;
	color:#C33;
}
a:visited {
	text-decoration: none;
	color:#C33;
}
a:hover {
	text-decoration: none;
	color:#FFFFFF;
}
a:active {
	text-decoration: none;
	color:#FFFFFF;
}

body {
margin:0;
background-color:#000;
}

div#bg_draw {
position:fixed;
left:0;
top:0;
height:846px;
width:100%;

background:url("img/bg-e00.gif") bottom left no-repeat;

z-index:3;
}

div#bg_color {
position:fixed;
width:100%;
height:600px;
background:#140f09;

z-index:1;
}

div#mainbox {
position:absolute;
width:980px;
height:600px;

left:50%;
margin-left:-500px;
top:0;

z-index:5;
}

div#pattern01 {
position:fixed;
width:608px;
height:780px;
left:60%;
top:-200px;

background:url(img/bg-e04.gif) no-repeat;

z-index:2;
}

div#pattern02 {
position:fixed;
width:951px;
height:1231px;
left:40%;
top:-150px;

background:url(img/bg-e03.gif) no-repeat;

z-index:2;
}

div#pattern03 {
position:fixed;
width:287px;
height:442px;
left:0;
top:350px;

background:url(img/bg-e01.gif) no-repeat;

z-index:2;
}

div#blackbar {
position:fixed;
width:100%;
background:#000;

top:555px;
left:0;
bottom:0;
z-index:4;
}

div#contact {
position:relative;
width:110px;
top:559px;
left:20px;
padding-top:15px;
float:left;

color:#C33;
font-family:Tahoma;
font-size:8px;
letter-spacing:2px;
text-align:left;

z-index:13;
}

/*_________ M E N U __________ */

div#menu {
position:relative;
top:552px;
margin:5px;
z-index:5;
float:left;
margin-left:155px;
margin-right:150px;
}

div#menu ul li {
margin-left:10px;
float:left;

color:#C33;
vertical-align:middle;
font-family:Tahoma;
font-size:18px;
letter-spacing:1px;
list-style-type:none;
}

div#menu ul li:hover {
color:#FFF;
cursor:pointer;
background-color:#000;
}
/*_________ M E N U end__________ */

div#logobox {
position:relative;
width:113px;
height:40px;
top:565px;
float:left;
}

div#logobox img#logo {
border:none;
z-index:6;
}

div#mainbox div#barfix {
position:absolute;
background:#000;
width:100%;
height:48px;
top:560px;
left:0;
margin:0;
}

/*--------START ILUSTRACAO--------*/

div#mainbox div#title_ilust {
position:absolute;
width:281px;
height:75px;
top:70px;
left:60px;

background:url(img/ilust_02.png) no-repeat center;

z-index:8;
}

#content_ilust {
position:absolute;
width:620px;
height:110px;
top:150px;
left:0;

padding:20px;
padding-left:67px;
padding-top:5px;

background:#000;

font-family:Verdana;
font-size:12px;
color:#a49b91;
text-align:justify;
line-height:18px;

visibility:visible;
}

#content_chara {
position:absolute;
width:620px;
height:180px;
top:150px;
left:0;

padding:20px;
padding-left:67px;
padding-top:5px;

background:#000;

font-family:Verdana;
font-size:12px;
color:#a49b91;
text-align:justify;
line-height:18px;

visibility:hidden;
}

#content_caricatura {
position:absolute;
width:620px;
height:60px;
top:150px;
left:0;

padding:20px;
padding-left:67px;
padding-top:5px;

background:#000;

font-family:Verdana;
font-size:12px;
color:#a49b91;
text-align:justify;
line-height:18px;

visibility:hidden;
}

/*______B O T O E S I L U S T____*/

div#botoes_ilust {
position:absolute;
width:200px;
height:70px;
left:507px;
top:400px;

padding-bottom:15px;
}

div#botoes_ilust ul li {
color:#e71939;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
line-height:18px;
list-style-type:square;
text-align:justify;
letter-spacing:1px;
background:#140f09;
}

div#botoes_ilust ul li:hover {
color:#FFF;
cursor:pointer;
background-color:#000;
}

/*__________BOTOES END________*/

div#ilust01 {
position:absolute;
width:374px;
height:562px;

background:url(img/ilust_01.png);

left:50%;
margin-left:130px;
top:15px;

z-index:10;
visibility:visible;
}

div#ilust02 {
position:absolute;
width:665px;
height:154px;

left:50%;
margin-left:-425px;
top:245px;

z-index:10;
visibility:hidden;
}

.spc {
border:solid 1px #000;
float:left;
right:0;
left:0;
margin-right:23px;
}

div#ilust02 img#spc:hover {
border:solid 1px #FFF;
}

div#ilust03 {
position:absolute;
min-width:312px;
right:0;
height:538px;

background:url(img/ilust_04.png) no-repeat;

left:50%;
margin-left:190px;
top:15px;

z-index:10;
visibility:hidden;
}


/*--------END ILUSTRACAO--------*/
/*--------START QUAD--------*/

div#mainbox div#title_quad {
position:absolute;
width:335px;
height:63px;
top:210px;
left:320px;

background:url(img/quad_02.png) no-repeat center;

z-index:8;
}

div#mainbox div#content_quad {
position:absolute;
width:620px;
height:120px;
top:280px;
left:305px;

padding:20px;
padding-right:62px;
padding-top:5px;

background:#000;

font-family:Verdana;
font-size:12px;
color:#a49b91;
text-align:justify;
line-height:18px;
}

div#quad01 {
position:absolute;
width:360px;
height:369px;
left:50%;
margin-left:-536px;
top:155px;

background:url(img/quad_01.png) no-repeat center;
z-index:5;
}

/*--------END QUAD--------*/
/*--------START DESIGN--------*/

div#mainbox div#title_dsgn {
position:absolute;
width:196px;
height:68px;
top:340px;
left:135px;

background:url(img/dsgn_02.gif) no-repeat center;

z-index:8;
}

div#mainbox div#content_dsgn {
position:absolute;
width:560px;
height:235px;
top:70px;
left:120px;

padding:20px;
padding-top:5px;
padding-right:50px;

background:#000;

font-family:Verdana;
font-size:12px;
color:#a49b91;
text-align:justify;
line-height:18px;
}

.destaque {
color:#FFF;
}

div#dsgn_img01 {
position:absolute;
left:50%;
margin-left:55px;
top:0;
width:433px;
height:460px;
background:url(img/dsgn_01.png) no-repeat center;
z-index:16;
}

/*--------END DSGN--------*/
/*--------START EVENTOS--------*/

div#mainbox div#title_eventos {
position:absolute;
width:230px;
height:59px;
top:95px;
left:300px;

background:url(img/eventos_02.png) no-repeat center;

z-index:8;
}

div#mainbox div#content_eventos {
position:absolute;
width:626px;
height:175px;
top:160px;
left:286px;

padding:20px;
padding-top:5px;
padding-right:80px;

background:#000;

font-family:Verdana;
font-size:12px;
color:#a49b91;
text-align:justify;
line-height:18px;
}

.lista_atividades {
font-family:Verdana;
font-size:9px;
color:#FFF;
line-height:16px;
}

div#foto_eventos03 {
position:absolute;
width:517px;
min-height:525px;
left:50%;
margin-left:-660px;
top:30px;
bottom:0;

background:url(img/eventos_03.png) top no-repeat;

z-index:11;
}

div#foto_eventos05 {
position:absolute;
width:60px;
height:129px;
top:58px;
left:50%;
margin-left:450px;
margin-right:0;

border:solid 1px #000;
background: url(img/eventos_05.jpg) center no-repeat;
z-index:14;
visibility:visible;
}

.button_open {
margin-left:5px;
margin-top:5px;
color:#FFF;
font-weight:bolder;
cursor:pointer;
}

div#foto_eventos06 {
position:absolute;
width:60px;
height:129px;
top:214px;
left:50%;
margin-left:450px;
margin-right:0;

border:solid 1px #000;
background: url(img/eventos_06.jpg) center no-repeat;
z-index:14;
}

div#foto_eventos07 {
position:absolute;
width:60px;
height:129px;
top:371px;
left:50%;
margin-left:450px;
margin-right:0;

border:solid 1px #000;
background: url(img/eventos_07.jpg) center no-repeat;
z-index:14;
}

/*--------END EVENTOS--------*/