@charset "utf-8";
@import url(reset.css);

/* TAG's */

a { color: black; }
* { margin:0; padding:0; }
a:hover { text-decoration: underline; }

body 
{
	
background: #113A98 url(../img/bg.png) repeat-x;


}

h2{

}





#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; text-align:left; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #3993ff}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}





/* POP UP */

#popup{
	background:#DAE2F3;
	margin-bottom:20px;
	margin-left:0px;
}

	#popup img{
		overflow:hidden;
		padding:5px;
		background:#fff;
		border:1px solid #8191b3;
	}
	
.titulo_popup{
	font-size:24px;
}

#rodape_popup{
	font-size:12px;
	font-family:trebuchet ms;
	clear:both; 
	background:#fbe230; 
	width:707px;
	_width:717px;
	padding:10px;
	margin-left:15px;
	_margin-left:30px;
	text-align:center;
}

/* ID's */

#container 
{

margin-top:15px;
width: 980px;
/*background: url(../img/bg_container.gif) 0px 0px;*/
background: url(../img/col_left_right.gif) 0px 0px ;
overflow: hidden;
}

#header 
{
width: 980px;
height: 100%;

/*background: #fff url(../img/bg_header.jpg) no-repeat 15px 15px;*/

background:#F4F7FB;
 
}

#middle 
{

position:relative;
float:left;
width:100%;
height:100%;
clear:both;
}

#colLat 
{
position:relative;
float:left;
padding: 0px 0px 0px 0px;
width: 200px;
text-align:left;

}

#colLatRight 
{
position:relative;
float: right;
padding:10px 10px 0px 10px;
width: 185px;

}


/* CSS Tabs */
#navlist {
        color: white;
        background: #17a;
        border-bottom: 0.2em solid #17a;
        border-right: 0.2em solid #17a;
        padding: 0 1px;
        margin-left: 20px;
        width: 70%;
        font-size:14px;
        font-weight:bold;
        font-family:Times New Roman;
        
}

#navlist li {
        list-style: none;
        margin:0px;
        font-size: 14px;
}

#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0em;
        margin-top: 0em;
        color: white;
        background: #39c;
        border-width: 1px;
        border-style: solid;
        border-color: #5bd #035 #068 #6cf;
        border-left: 1em solid #fc0;
        padding: 0.25em 0.5em 0.4em 0.75em;
        
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 9.6em;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover {
        background: #28b;
        border-color: #069 #6cf #5bd #fc0;
        padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active {
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.4em 0.35em 0.25em 0.9em;
}
-->



/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        background:#F4F7FB;
        
        
}

#navPyra li {
        margin: 0px opx;;
        padding: 0;
        display: inline;
        font-weight:bold;
        font-size :14px;
        font-family :Verdana;
        
}

#navPyra a:link, #navPyra a:visited {
        position:relative;
        float:right;
        font-weight:bold;
        font-size :10px;
        font-family :MS Reference Sans Serif;
        line-height: 14px;
        padding: 5px 15px 1px 0px;
        text-decoration: none;
        color: #113A98;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url("../img/pyramid.gif") no-repeat bottom center;
      
}
-->



/*- Menu Tabs 1--------------------------- */


    #tabs1 
    {
     position :relative;
      float:left;
      width:100%;
      background:#F4F7FB;
      font-size:93%;
      line-height:normal;
      /*border-bottom:1px solid #BCD2E6;*/
      margin-bottom:5px;
      }
    #tabs1 ul {
          margin:0;
          padding:0px 0px 0 150px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      font-weight:bold;
      font-size:10px;
      font-family:Verdana;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("../img/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("../img/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#113A98;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }
-->


/*- Menu Tabs 1--------------------------- */


    #tabs2 {
      
      width:44%;
      
      background:#F4F7FB;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #BCD2E6;
      margin-bottom:0px;
      margin-left:275px;
      margin-top:10px;
      }
    #tabs2 ul {
          margin:0;
          padding:0px 0px 0px 0px;
          
          list-style:none;
      }
    #tabs2 li {
      display:inline;
      font-weight:bold;
      font-size:12px;
      font-family:Verdana;
      margin:0;
      padding:0px;
      }
    #tabs2 a {
      float:left;
      background:url("../img/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("../img/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }

      #tabs2 #current a {
              background-position:0% -42px;
      }
      #tabs2 #current a span {
              background-position:100% -42px;
      }
-->






#nav 
{
padding-top:15px;
margin-left:15px;

}

#nav dt {
padding: 0px 0px 0px 0px;
}

#nav dt a {
font-size: 14px;
display: block;
width: 134px;
height: 23px;
background-image: url(../img/bg_menu.gif);
background-repeat: no-repeat;
padding-left: 40px;
padding-top: 5px;
color: black;
text-decoration: none;
}

#nav dt a:hover 
{	
background-position: 0 -29px;
}

#content 
{

position:relative;
float:left;
width:540px;
top:0px;
left:25px;
margin-bottom:0px;

}

#login,#enquete 
{

margin-top:10px;
margin-bottom: 10px;
width: 175px;
}

#login p,#enquete p {
padding-bottom: 5px;
font-size:12px;
}

#login h2 {
margin-top: 0px;
background-image: url(../img/tit_login.gif);
}

#enquete h2 {
margin-top: 0px;
margin-bottom:10px;
background-image: url(../img/tit_enquete.gif);
}

#seleciona_album
{
	
    display:block;
	background:#fbe230;
	width:515px;
	height:25px;
	padding:5px;
	margin-top:15px;
	clear:both;
}



#footer 
{
position:relative;
background: url(../img/bg_rodape.gif) 0 10px no-repeat;
height: 48px;
width: 100%;
bottom:0px;
overflow: hidden;
clear: both;
}

#footer p {
text-align: center;
padding-top: 15px;
}

.lista li 
{
/*background: url(../img/ico_saibamais.gif) no-repeat 8px 8px;*/
margin-top: 5px;
padding: 5px 8px 3px 25px;
color: black;
text-align:left;

}

/* CLASS's */

.dnone { display: none; }

.box_evento {
display:block;

width: 135px;
min-height: 180px;
_height: 180px;
background: #DAE2F3;
padding: 15px 15px 15px 15px;
float:left;
margin-left:2px;
margin-right: 12px;
margin-bottom:10px;

}


.box_evento h3 {
color: #1B429C;
font-size: 12px;
padding: 0px;
}

.box_event {
display:block;
float:left;
width: 110px;
min-height: 150px;
_height: 150px;
background: #DAE2F3;
padding: 5px 5px 5px 5px;
margin-left: 0px;
margin-right:15px;
margin-bottom:14px;

}

.box_event h3 {
color: #1B429C;
font-size: 10px;
padding: 0px;
}

.box_event p {
font-size: 10px;
}

.box_evento p {
font-size: 10px;
}

.box_evento h3,.box_event h3, .box_evento p, .box_event p {
text-align: center;
} 

.box_evento img {
padding-bottom: 10px;

}

.box 
{
width: 185px;
margin-left:15px;
background: url(../img/bg_box.gif) no-repeat left bottom;
}

.box h2 {
width: 148px;
background-repeat: no-repeat;
font-size: 18px;
color: #455F83;
font-weight: normal;
padding-left: 35px;
padding-top: 12px;
}

.box .spacer 
{
padding: 10px 5px 5px 10px;
width: 147px;
}

.combo_album{
	
	background:#fff;
	color:#113a98;
	font-size:11px;
	margin-top:2px;
}

.navegacao
{
margin-right:15px;
padding:10px 10px 0px 10px;
font-size :12px;
font-family:trebuchet ms;
text-align:center;
	
}


.tit {
background: url(../img/tit.gif) no-repeat 0px 10px;
font-size: 18px;
font-weight: normal;
height: 44px;
padding-top: 26px;
padding-left: 10px;
color: #113A98;
}

.tit_controle {
background: url(../img/tit.gif) no-repeat 0px 10px;
font-size: 18px;
font-weight: normal;
height: 44px;
padding-top: 26px;
padding-left: 10px;
color: #113A98;
margin-top: 20px;
}

.interna {
position:relative;
float:left;
}

.interna p {
padding-top: 7px;
}

.tit {
height: 5px;
}

.noticia 
{
position:relative;
float:left;

margin:0px 0px 0px 2px;
width:520px;



}



.destaque_noticia 
{

background: #DAE2F3;
width:520px;
padding: 10px 0px 10px 3px;

text-align:left;
}

.texto_noticia 
{
text-align:justify;
width:515px;
margin:5px 5px 5px 5px;
}

.texto_classificado
{
text-align:justify;
width:500px;
margin-left:15px;
}


.destaque_noticia h3
{
margin-top:5px;
font-size: 18px;
font-weight: normal;
color: #113A98;
text-align:left;
}

.noticia_principal {


width:525px;
margin-left:2px;



}

.banner_topo_principal 
{
width:525px;
margin-left:0px;
margin-top:5px;
}

.destaque_noticia_principal 
{

background: #DAE2F3;
width:518px;
padding: 10px 0px 10px 5px;
text-align:left;
margin-left:2px;
}

.destaque_noticia_principal h3{
font-size: 18px;
font-weight: normal;
color: #113A98;
text-align:left;
}

.texto_noticia_principal 
{

text-align:justify;
width:515px;
padding: 10px 0px 10px 3px;
margin-left:2px;
}

.agenda 
{
	
background: #DAE2F3;
width:520px;
margin-right:25px;
text-align:left;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
margin-bottom:10px;
margin-top:20px;

}

.destaque_agenda 
{

width:490px;
background: #F1F4FA;
padding: 10px 10px 10px 10px;
text-align:left;
margin:2px 2px 2px 10px;

}

.destaque_agenda h3 
{
padding-bottom: 8px;
font-size: 18px;
font-weight: normal;
color: #113A98;
text-align:left;
color: black;

}



.saibamais {
padding-top: 15px;
padding-left:5px;
margin:5px 15px 15px 0px;
text-align:left;
}

.saibamais a {
margin-top: 10px;
background: #FBE230 url(../img/ico_saibamais.gif) no-repeat 8px 8px;
display: inline;
padding: 3px 8px 3px 25px;
color: black;
}

.saibamais a:hover {
text-decoration: none;
}


.foto 
{
position:relative;
float: left;
background: #F1F4FA;
padding: 5px;
width: 100px;
height: 150px;
}

.integrante
{
position:relative;
float:left;
width: 520px;
background: #DAE2F3;
padding:5px 5px 5px 5px;
margin:10px 10px 10px -1px;

}

.texto 
{
text-align:justify;
}

.texto_xml a 
{
font-weight:bold;
font-family: Verdana;
font-size: 11px;
color: #A52A2A;

}


.campo {
background: #EFECE4;
border: none;
height: 15px;
padding: 3px;
width: auto;
}

.campo2 {
background: #D9E1F1;
border: 1px solid #BDC6D9;
font-size:12px;
height: 18px;
padding: 3px;
_padding-top:5px;
width: 350px;
}

.textarea {
height: 70px;
overflow: auto;
}

.botao 
{
border:none;
background: #FBE230;


}

.botao_ok 
{
background: #FBE230;


}


.rodape 
{
font-size:12px;
font-family:trebuchet ms;
text-align:center;
display:block;
	}

.produto {
border: 1px solid #DAE2F3;
width: 160px;
float: left;
margin-right: 12px;
margin-bottom: 12px;
}

.destaque_produto {
background: #DAE2F3;
display: block;
text-align: center;
font-weight: bold;
}

.destaque_produto strong {
color: #EB1D1E;
}

.destaque_produto span {
color: #113A98;
}