/*-----------------------------------------------------------------------------
Reset
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
}
a img, :link img, :visited img {
border : 0;
}

a {
text-decoration : none;
outline : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
ol, ul {
list-style : none;
}
.clear { clear : both; }

body { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

/*-----------------------------------------------------------------------------
Links
-----------------------------------------------------------------------------*/
a:link, a:visited {
color : #555;
text-decoration: none;
/*border-bottom : 1px solid #555;*/
}
html body a:hover {
color : #FB5700;
/*background-color : #f4f2e4;
border-bottom : 1px solid #9a8e51;*/
}


/*-----------------------------------------------------------------------------
Typography and Colors
-----------------------------------------------------------------------------*/
body {
font : 0.7em Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
color : #AFAFAF;
background-color : #000000;
line-height : 1.1em;
}

h1 {
font : 1.8em Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
color : #dd0474;
letter-spacing : 1px;
}
h2 {
font : 1.5em Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
color : #000;
letter-spacing : 1px;
}
h3 {
font : bold 1em Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
color : #8a121b;
letter-spacing : 2px;
text-transform : uppercase;
}
h4 {
font : bold 1.1em Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
letter-spacing : 1px;
}
h5 {
font : bold 1em Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
color: #8A121B;
letter-spacing : 1px;
}


/*-----------------------------------------------------------------------------
Layout
-----------------------------------------------------------------------------*/
#inner-wrapper { overflow: hidden; height: 100%; width: 100%; position: relative; }
#inner-scroll {width: 1000%; height: 1000%; position: relative; z-index: 1}
.scrolling-content {width: 0px; height: 0px; position: absolute;}

/*-----------------------------------------------------------------------------
Content and Stuff
-----------------------------------------------------------------------------*/
#content1 {
left : 0;
top : 0;
width : 850px;
height : 700px;
}
#content2 {
left : 1900px;
top : 0;
width : 850px;
height : 700px;
}
#content3 {
left : 3800px;
top : 0;
width : 900px;
height : 700px;
}
#content4 {
left : 5200px;
top : 0;
width : 900px;
height : 700px;
}
#content5 {
left : 6600px;
top : 0;
width : 900px;
height : 700px;
}
#content6 {
left : 8000px;
top : 0;
width : 900px;
height : 700px;
}
#content7 {
left : 9600px;
top : 0;
width : 900px;
height : 700px;
}

/*Gallery*/
#content8 {
left : 3800px;
top : 1300px;
width : 900px;
height : 700px;
}
#content9 {
left : 3800px;
top : 2300px;
width : 900px;
height : 700px;
}
#content10 {
left : 3800px;
top : 3300px;
width : 900px;
height : 700px;
}
#content11 {
left : 3800px;
top : 4300px;
width : 900px;
height : 700px;
}
#content12 {
left : 3800px;
top : 5300px;
width : 900px;
height : 700px;
}
#content13 {
left : 5200px;
top : 2300px;
width : 900px;
height : 700px;
}
#content14 {
left : 5200px;
top : 3300px;
width : 900px;
height : 700px;
}
#content15 {
left : 5200px;
top : 4300px;
width : 900px;
height : 700px;
}
#content16 {
left : 5200px;
top : 5300px;
width : 900px;
height : 700px;
}
#content17 {
left : 5200px;
top : 6300px;
width : 900px;
height : 700px;
}
#content18 {
left : 5200px;
top : 7300px;
width : 900px;
height : 700px;
}
#content19 {
left : 5200px;
top : 8300px;
width : 900px;
height : 700px;
}
#content20 {
left : 5200px;
top : 9300px;
width : 900px;
height : 700px;
}
#content21 {
left : 6600px;
top : 2300px;
width : 900px;
height : 700px;
}
#content22 {
left : 6600px;
top : 3300px;
width : 900px;
height : 700px;
}


.intro {
float : left;
width : 25em;
margin : 0 10px;
}
.gallery {
float : right;
width :  35em;
}
.contato {
float : left;
width : 35em;
margin: 0 0 0 25px;
} 
.gallery2 {
float : left;
width : 35em;
margin: 10px 0 0 45px;
} 
.perfil {
float : right;
width: 45em;
}

.gallery img, .gallery2 img {
float:none;
margin:0;
background:#373F3F;
padding:2px;
margin: 3px;
border:1px solid #373F3F;
position:relative;
left:-5px;
top:-5px;
}



/*-----------------------------------------------------------------------------
Headers
-----------------------------------------------------------------------------*/
#borboletas, #safari, #birds, #fashion, #floral, #teens, #pop01, #afro01, #devaneios01, #pop02, #afro02, #devaneios02, #cristos, #exus, #etnias, #artzzi {
width : 200px;
height : 40px;
position : relative;
}
#bemnamoda {
width : 290px;
height : 40px;
position : relative;
}
#laboratorio {
width : 335px;
height : 45px;
position : relative;
}
#noticias, #mim {
width : 84px;
height : 59px;
position : relative;
} 
#primeira, #segunda {
width : 163px;
height : 64px;
position : relative;
}
#primeira, #segunda {
width : 163px;
height : 64px;
position : relative;
}
#inst {
width : 129px;
height : 64px;
position : relative;
}
#esc, #cont {
width : 108px;
height : 64px;
position : relative;
}
#inst span {
background : url(../images/h2_inst.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#esc span {
background : url(../images/h2_esculturas.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#cont span {
background : url(../images/h2_contato.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}

#primeira span {
background : url(../images/h2_digi01.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#segunda span {
background : url(../images/h2_digi02.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#noticias span {
background : url(../images/h2_noticias.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#mim span {
background : url(../images/h2_mim.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#artzzi span {
background : url(../images/h3_artzzi.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#bemnamoda span {
background : url(../images/h3_bemnamoda.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#laboratorio span {
background : url(../images/h3_pc&c.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#borboletas span {
background : url(../images/h3_borboletas.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#safari span {
background : url(../images/h3_safari.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#birds span {
background : url(../images/h3_birds.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#fashion span {
background : url(../images/h3_fashion.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#floral span {
background : url(../images/h3_floral.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#teens span {
background : url(../images/h3_teens.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#pop01 span {
background : url(../images/h3_popsacra01.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#afro01 span {
background : url(../images/h3_afrosacra01.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#devaneios01 span {
background : url(../images/h3_devaneios01.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#pop02 span {
background : url(../images/h3_popsacra02.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#afro02 span {
background : url(../images/h3_afrosacra02.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#devaneios02 span {
background : url(../images/h3_devaneios02.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#cristos span {
background : url(../images/h3_cristos.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#exus span {
background : url(../images/h3_exus.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
#etnias span {
background : url(../images/h3_etnias.gif) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}

/*-----------------------------------------------------------------------------
Main Navigation
-----------------------------------------------------------------------------*/
#mainnav {
width : 701px;
height : 55px;
background : url(../images/navigation.gif);
margin : 20px auto 20px auto;
padding : 0;
position : relative;
float : right;
}
#mainnav span {
display : none;
}
#mainnav ul {
list-style-type : none;
}
#mainnav li {
margin : 0;
padding : 0;
list-style : none;
position : absolute;
}
#mainnav li, #mainnav a {
display : block;
height : 55px;
padding : 0;
}
#perfil {
left : 0;
width : 66px;
}
#news {
left : 70px;
width : 76px;
}
#digi01 {
left : 150px;
width : 135px;
}
#digi02 {
left : 285px;
width : 135px;
}
#institucional {
left : 425px;
width : 107px;
}
#esculturas {
left : 535px;
width : 90px;
}
#contato {
left : 625px;
width : 76px;
}
#perfil a:hover {
background : transparent url(../images/navigation.gif) no-repeat 0 -54px;
}
#news a:hover {
background : transparent url(../images/navigation.gif) no-repeat -70px -54px;
}
#digi01 a:hover {
background : transparent url(../images/navigation.gif) no-repeat -150px -54px;
}
#digi02 a:hover {
background : transparent url(../images/navigation.gif) no-repeat -285px -54px;
}
#institucional a:hover {
background : transparent url(../images/navigation.gif) no-repeat -425px -54px;
}
#esculturas a:hover {
background : transparent url(../images/navigation.gif) no-repeat -535px -54px;
}
#contato a:hover {
background : transparent url(../images/navigation.gif) no-repeat -625px -54px;
}

/*-----------------------------------------------------------------------------
List
-----------------------------------------------------------------------------*/
.lista {
float: left;
margin: 5px 0 0 0;
width : 170px;
list-style-type : none;
font : 1.5em Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
font-weight : bold;
}
.lista ul {
margin : 0;
padding : 0;
}
.lista li a {
display : block;
padding : 0 0 1px 5px;
margin : 2px 0;
width : 170px;
height : 31px;
background : #000 url(../images/bg_off.gif) no-repeat;
color : #fb5700;
text-decoration : none;
voice-family : "\"}\"";
voice-family : inherit;
width : 153px;
}
.lista a:hover {
background : #000 url(../images/bg_on.gif) no-repeat;
color : #fb5700;
}
/*-----------------------------------------------------------------------------
Date and News
-----------------------------------------------------------------------------*/
.date {
float : left;
height : 32px;
width : 32px;
margin-right : 8px;
padding-top : 3px;
background : url('images/bg_data.jpg') no-repeat;
}
.date p {
text-align : center;
color : #8a121b;
margin : 0 0 0 -2px;
text-transform : uppercase;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.date span.day {
font-size : 18px;
display : block;
}
.date span.month {
font-size : 9px;
height : 12px;
display : block;
}
.news p {
padding-left: 40px;
}
/*-----------------------------------------------------------------------------
Form
-----------------------------------------------------------------------------*/

fieldset {
border : 0;
margin : 0;
padding : 0;
}
label {
display : block;
}
input.text, textarea {
width : 300px;
font : 12px/12px 'courier new', courier, monospace;
background-color : #000;
color : #fff;
padding : 3px;
margin : 1px 0;
border : 1px solid #373f3f;
}
textarea {
overflow : auto;
height : 150px;
}
input.submit {
padding : 2px 5px;
border : 1px solid #373f3f;
padding : 2px 6px 3px 6px;
margin : 0 10px 0 0;
color : #647575;
background : transparent;
cursor : pointer;
}

/*-----------------------------------------------------------------------------
Obrigado
-----------------------------------------------------------------------------*/
#ok { width: 385px; height:210px; margin: 0 auto; padding: 250px 0 0 0; }
#ok h2 { color: #fb5700; }
.back { float: right; margin-right: 50px; clear: both; }