html, body{height:100%}

body{
background:#8cd4dd;
font-family: Helvetica, Arial, 'Lucida Grande', Verdana, Geneva, Lucida, sans-serif;
}
textarea{
width:90%;
height:7em
}
h1{
font-family: Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua",Times,serif;
line-height:1.1em
}
h2{
}
h3{
font-family: Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua",Times,serif;
color:#bd1613
}
p{line-height:1.3em}
blockquote{
font-family: Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua",Times,serif;
color:#000;
text-align:center;
margin:0
}

form label{
color:#000;
float:left;
width:6em;
}
input,textarea{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-width:1px
}
form label em{font-style:normal}
form p{margin:10px 15px 0;overflow:hidden;line-height:normal}
form .submit{text-align:center}
form .button {
font-size:1.2em;
cursor:pointer
}
a{text-decoration:none;}
a:link{}
a:visited{}
a:hover{color:#cd1815}
a:active{color:#fff}

/******************** LAYOUT ********************/

#switch-lang {
position:static;
text-align:center;
clear:right;
background:url(img/tela.png) no-repeat scroll 0 -322px !important;
background-image:url(img/telaie.png);
padding-top:15px
}
#switch-lang a{
color:#111;
font-size:.9em
}
#switch-lang a:hover{text-decoration:underline}
#radio-link img{
vertical-align:middle
}

#wrap{
overflow:hidden !important;
overflow:visible;
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
width:100%;
background-position:center bottom ;
background-repeat:repeat-x
}
#logo img{
/*behavior: url("pngbehavior.htc");*/
display:none;
margin-top:15px;
position:absolute
}
#header{
border:0;
width:780px;
margin: 0 auto ;
background-position:right top;
background-repeat:no-repeat
}
#container{
width:780px;
margin: 0 auto;
border-top:1px solid transparent !important;
border-top:0
}
#content{
margin:147px 0 170px 0px;
font-size:1.4em;
position:relative;
float:right;
width:500px
}

#fileContent, form{
background:url(img/tela.png) no-repeat scroll left top;
background-image:url(img/tela.png) !important;
background-image:url(img/telaie.png);
position:relative;
width:493px;
padding:10px 7px 0 0;
}
#fileContent.menor #scroll{
max-height:222px;
}
#scroll{
max-height:314px;
min-height:20px;
height:auto !important;
height:314px;
overflow:auto;
padding:0px 15px;
}
#footer{
border:0;
height:20px;
margin-top:-30px;
position:relative;
width:780px;
}
#footer p{
color:white
}
#footer a{
color:white;
text-decoration:underline
}
/********************* NAV **********************/

#nav{
margin:0 0 95px 0px;
display:inline;
width:265px;
}
#nav ul{
display:none;
margin-left:46px;
margin-top:190px
}
#nav li{
margin:0px 0;
background:url(img/btn1.png) no-repeat left top !important;
background-image:url(img/btn1.gif);
padding:0 0 4px 19px;
}
#nav li.submenu{
}
#nav li a{
background:url(img/btn.png) no-repeat right top !important;
background-image:url(img/btn.gif);
font-size:1.6em;
font-weight:normal;
display:inline;
padding:0 8px 1px 1px;
color:#fff;
white-space:nowrap;
border:0
}
#nav li a:hover{
color:#fff675;
}
#nav li a span{
}
#nav ul ul li{
margin-left:0
}
#nav ul ul{
display:none
}
#nav .selected a{

}
#nav .selected a span{
color:#ede093
}

/********************* CLASSES *********************/
#content .images{
white-space:nowrap;
overflow:hidden;
width:500px;
padding:2px 0
}
.images img{vertical-align:middle;background:#000}
.images, .sbox{
width: auto;
float:none;
margin:10px 0
}
#news-box li, #events-box li, #news-list li, .date-list li{
border:0;
margin:0 0 1em 0;
list-style:none
}
#news-box .date, #events-box .date, #news-list .date, .date-list .date{
color:#777;
font-size:.9em;
line-height:.9em;
font-weight:normal
}
.sbox h3{
color:#055272;
font-size:1.4em;
background:url(img/minitela.png) no-repeat scroll top !important;
background-image:url(img/minitelaie.png);
padding:10px;
}
#news-box h4, #events-box  h4, #news-list h4, .date-list h4{
font-size:1em;
line-height:1.2em;
}
#news-box p, #events-box p, #news-list p, .date-list p{
margin:2px 0;
font-size:.9em
}
#events-box , #news-box, .date-list, #news-list{
display:block;
overflow:auto;
width:245px;
}
ul.date-list, ul#news-list{
width:215px;
height:238px;
padding:10px 15px;
}
#events-box ul, #news-box ul, .date-list, #news-list{
background:url(img/minitela.png) no-repeat scroll bottom !important;
background-image:url(img/minitelaie.png);
padding:1px 10px;
margin:0
}

.date-list, #events-box{float:left}
.past, #news-box{float:right}

.date small{float:right;font-size:1em;color:#fff;letter-spacing:1px; text-transform:uppercase}

.past{
margin:0;
top:-30px;
position:relative;
font-size:smaller;
}

.images a {border:0}
.images a img{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border-color:#000;
-moz-opacity:.7;
opacity:.7;
filter:alpha(opacity=70);
}
.images a:hover img{
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
}
.error{
background:#fcf8c6;
color:#ce000c
}
#errormsg{
color:#ffaa02
}
.float{
float:left;
margin-right:8px
}
.highslide img{
border:4px solid #fff
}
.rss{
margin:5px 2px
}

.vscroll{
position:fixed;
right:10px
}
/********************* PAGES *********************/
#flashDiv{
position:absolute;
}

#by-lira body{background:#accfd2 url(img/desenhos/agenda_top.png) no-repeat center top}
#by-lira #wrap{background-image:url(img/desenhos/quem_bottom.png)}
#by-lira .title{color:#980400}
#by-lira #content{margin-bottom:214px}

#by-estafa body {background:#b6d3da}
#by-estafa #header{background-image:url(img/desenhos/integrantes_top.jpg)}
#by-estafa #wrap{background-image:url(img/desenhos/integrantes_bottom.png);background-repeat:no-repeat;}
#by-estafa #content{margin-bottom:70px}
#by-estafa .title{color:#415060}

#by-estrada body{background:#accfd2 url(img/desenhos/agenda_top.png) no-repeat center top}
#by-estrada #wrap{background-image:url(img/desenhos/agenda_bottom.png);}
#by-estrada #flashDiv{bottom:20px;left:410px}
#by-estrada .title{color:#5b2a29}
#by-estrada #content{margin-bottom:100px}

#by-baleia body{background:#070417 url(img/desenhos/espetaculos_top.png) repeat-x center top}
#by-baleia #wrap{background-image:url(img/desenhos/espetaculos_bottom.jpg);}
#by-baleia #flashDiv{bottom:103px;left:412px}
#by-baleia #switch-lang a{color:white}
#by-baleia .images a img{border-color:#fff;}
#by-baleia .title{color:#fff}

#by-bascula body {background:#ccebff}
#by-bascula #wrap{background-image:url(img/desenhos/bascula_bottom.png);}
#by-bascula #flashDiv{bottom:96px;left:555px}
#by-bascula .title{color:#154215}
#by-bascula #content{margin-bottom:224px}

#by-balao body {background:#b3dcde url(img/desenhos/balao_top.jpg) no-repeat 80% 0}
#by-balao #wrap{background-image:url(img/desenhos/balao_bottom.png);}
#by-balao #content{margin-bottom:120px}

#by-euetheia body {background:#133a4b url(img/desenhos/euetheia_top.jpg) no-repeat 80% 2%}
#by-euetheia #wrap{background-image:url(img/desenhos/euetheia_bottom.png);}
#by-euetheia #switch-lang a{color:white}
#by-euetheia .images a img{border-color:#fff;}
#by-euetheia .title{color:#fff}

#by-lua body {background:#000 url(img/desenhos/lua_top.jpg) no-repeat 80% 2%}
#by-lua #wrap{background-image:url(img/desenhos/lua_bottom.png);background-repeat:no-repeat}
#by-lua #footer p, #by-lua #footer a{color:#000}
#by-lua #switch-lang a{color:white}
#by-lua .images a img{border-color:#fff;}
#by-lua .title{color:#fff}
#by-lua #content{margin-bottom:0px}
#by-lua #nav{margin-bottom:20px}

#by-rio body {background:#fbc81d url(img/desenhos/rio_top.jpg) repeat-x top}
#by-rio #wrap{background-image:url(img/desenhos/rio_bottom.png);}
#by-rio .title{color:#6c0d07}

#by-tubarao body {background:#8cd4dd}
#by-tubarao #wrap{background-image:url(img/desenhos/tubarao_bottom.png);}
#by-tubarao .title{color:#00293a}

#by-minhocao body {background:#0b0900 url(img/desenhos/minhocao_bottom.gif) repeat-x top}
#by-minhocao #wrap{background: url(img/desenhos/minhocao_top.png) no-repeat center top;}
#by-minhocao #switch-lang a{color:white}
#by-minhocao .images a img{border-color:#fff;}
#by-minhocao .title{color:#b29000}
#by-minhocao #content{margin-bottom:20px}

body {background:#a2c5e5 url(img/desenhos/home_nuvem.png) no-repeat center 134px}
#wrap{background-image:url(img/desenhos/home_city.png);}

#doc8 #fileContent,
#doc45 #fileContent,
.siteContact #fileContent,
.siteHome #fileContent{
background:none !important;
}
#doc8 #scroll,
#doc45 #scroll,
.siteContact #scroll,
.siteHome #scroll{
height:auto;
}
.siteHome #fileContent{font-size:1.2em}

.siteHome .title{display:none}
.siteHome #footer *{color:#000}
.siteContact #fileContent, #doc53 #content{color:#fff}

#flash{
display:none;
}
.siteHome #flash{
background:#000;
position:absolute;
left:0;
top:0px;
z-index:99;
width:100%;
height:100%;
text-align:center;
display:block;
}

.siteHome #flash a,.siteHome #flash a:active{
color:#fff;
padding:2em;
font-size:1.5em;
line-height:200px
}
.siteHome #flash a:hover{font-size:2.2em;line-height:190px}

#doc45 #switch-lang, #doc8 #switch-lang, .siteHome #switch-lang{
background-image:none !important;
padding-top:0
}


/********************* PRINT *********************/
@media print{
#header, #logo img{
display:block;
position:relative
}
#nav{display:none}
#content{
padding:0;
margin:0;
width:95%
}
#fileContent{height:auto;width:95%;overflow:visible}
}